@banou/media-player 0.6.2 → 0.7.0

package/build/index.js

@@ -1,3416 +0,0 @@
-import * as ce from "react";
-import pr, { forwardRef as hr, useContext as Te, createContext as vr, useState as J, useEffect as j, useCallback as ot, useRef as xe, useMemo as pe } from "react";
-import { css as K } from "@emotion/react";
-import { createActorContext as Er } from "@xstate/react";
-import { fromCallback as Ht, setup as gr, enqueueActions as br, assign as z, sendTo as G } from "xstate";
-import qt from "p-queue";
-import { makeRemuxer as Kt } from "libav-wasm";
-import yr from "jassub";
-import { parse as Le, stringify as Pt } from "ass-compiler";
-import { Settings as xr, ChevronRight as pt, ChevronLeft as Ke, VolumeX as Sr, Volume1 as Tr, Volume2 as wr, RotateCcw as Rr, Play as Ar, Pause as _r, Minimize as Cr, Maximize as Pr } from "react-feather";
-import { Tooltip as Nr } from "react-tooltip";
-var Je = { exports: {} }, Me = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Nt;
-function Mr() {
-  if (Nt) return Me;
-  Nt = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  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 c in o)
-        c !== "key" && (a[c] = o[c]);
-    } else a = o;
-    return o = a.ref, {
-      $$typeof: e,
-      type: n,
-      key: s,
-      ref: o !== void 0 ? o : null,
-      props: a
-    };
-  }
-  return Me.Fragment = t, Me.jsx = r, Me.jsxs = r, Me;
-}
-var Oe = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Mt;
-function Or() {
-  return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(i) {
-      if (i == null) return null;
-      if (typeof i == "function")
-        return i.$$typeof === ze ? null : i.displayName || i.name || null;
-      if (typeof i == "string") return i;
-      switch (i) {
-        case w:
-          return "Fragment";
-        case f:
-          return "Portal";
-        case F:
-          return "Profiler";
-        case C:
-          return "StrictMode";
-        case ee:
-          return "Suspense";
-        case le:
-          return "SuspenseList";
-      }
-      if (typeof i == "object")
-        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 B:
-            return (i.displayName || "Context") + ".Provider";
-          case U:
-            return (i._context.displayName || "Context") + ".Consumer";
-          case V:
-            var R = i.render;
-            return i = i.displayName, i || (i = R.displayName || R.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
-          case Ae:
-            return R = i.displayName || null, R !== null ? R : e(i.type) || "Memo";
-          case _e:
-            R = i._payload, i = i._init;
-            try {
-              return e(i(R));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function t(i) {
-      return "" + i;
-    }
-    function r(i) {
-      try {
-        t(i);
-        var R = !1;
-      } catch {
-        R = !0;
-      }
-      if (R) {
-        R = console;
-        var A = R.error, M = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return A.call(
-          R,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          M
-        ), t(i);
-      }
-    }
-    function n() {
-    }
-    function o() {
-      if (fe === 0) {
-        Fe = console.log, Ve = console.info, We = console.warn, Be = console.error, Xe = console.group, Ge = console.groupCollapsed, He = console.groupEnd;
-        var i = {
-          configurable: !0,
-          enumerable: !0,
-          value: n,
-          writable: !0
-        };
-        Object.defineProperties(console, {
-          info: i,
-          log: i,
-          warn: i,
-          error: i,
-          group: i,
-          groupCollapsed: i,
-          groupEnd: i
-        });
-      }
-      fe++;
-    }
-    function a() {
-      if (fe--, fe === 0) {
-        var i = { configurable: !0, enumerable: !0, writable: !0 };
-        Object.defineProperties(console, {
-          log: ie({}, i, { value: Fe }),
-          info: ie({}, i, { value: Ve }),
-          warn: ie({}, i, { value: We }),
-          error: ie({}, i, { value: Be }),
-          group: ie({}, i, { value: Xe }),
-          groupCollapsed: ie({}, i, { value: Ge }),
-          groupEnd: ie({}, i, { value: He })
-        });
-      }
-      0 > fe && console.error(
-        "disabledDepth fell below zero. This is a bug in React. Please file an issue."
-      );
-    }
-    function s(i) {
-      if (_ === void 0)
-        try {
-          throw Error();
-        } catch (A) {
-          var R = A.stack.trim().match(/\n( *(at )?)/);
-          _ = R && R[1] || "", ve = -1 < A.stack.indexOf(`
-    at`) ? " (<anonymous>)" : -1 < A.stack.indexOf("@") ? "@unknown:0:0" : "";
-        }
-      return `
-` + _ + i + ve;
-    }
-    function c(i, R) {
-      if (!i || ue) return "";
-      var A = Ee.get(i);
-      if (A !== void 0) return A;
-      ue = !0, A = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
-      var M = null;
-      M = oe.H, oe.H = null, o();
-      try {
-        var X = {
-          DetermineComponentFrameRoot: function() {
-            try {
-              if (R) {
-                var de = function() {
-                  throw Error();
-                };
-                if (Object.defineProperty(de.prototype, "props", {
-                  set: function() {
-                    throw Error();
-                  }
-                }), typeof Reflect == "object" && Reflect.construct) {
-                  try {
-                    Reflect.construct(de, []);
-                  } catch (se) {
-                    var qe = se;
-                  }
-                  Reflect.construct(i, [], de);
-                } else {
-                  try {
-                    de.call();
-                  } catch (se) {
-                    qe = se;
-                  }
-                  i.call(de.prototype);
-                }
-              } else {
-                try {
-                  throw Error();
-                } catch (se) {
-                  qe = se;
-                }
-                (de = i()) && typeof de.catch == "function" && de.catch(function() {
-                });
-              }
-            } catch (se) {
-              if (se && qe && typeof se.stack == "string")
-                return [se.stack, qe.stack];
-            }
-            return [null, null];
-          }
-        };
-        X.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
-        var D = Object.getOwnPropertyDescriptor(
-          X.DetermineComponentFrameRoot,
-          "name"
-        );
-        D && D.configurable && Object.defineProperty(
-          X.DetermineComponentFrameRoot,
-          "name",
-          { value: "DetermineComponentFrameRoot" }
-        );
-        var P = X.DetermineComponentFrameRoot(), ae = P[0], ge = P[1];
-        if (ae && ge) {
-          var q = ae.split(`
-`), me = ge.split(`
-`);
-          for (P = D = 0; D < q.length && !q[D].includes(
-            "DetermineComponentFrameRoot"
-          ); )
-            D++;
-          for (; P < me.length && !me[P].includes(
-            "DetermineComponentFrameRoot"
-          ); )
-            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 <= D && 0 <= P; D--, P--)
-            if (q[D] !== me[P]) {
-              if (D !== 1 || P !== 1)
-                do
-                  if (D--, P--, 0 > P || q[D] !== me[P]) {
-                    var Ne = `
-` + q[D].replace(
-                      " at new ",
-                      " at "
-                    );
-                    return i.displayName && Ne.includes("<anonymous>") && (Ne = Ne.replace("<anonymous>", i.displayName)), typeof i == "function" && Ee.set(i, Ne), Ne;
-                  }
-                while (1 <= D && 0 <= P);
-              break;
-            }
-        }
-      } finally {
-        ue = !1, oe.H = M, a(), Error.prepareStackTrace = A;
-      }
-      return q = (q = i ? i.displayName || i.name : "") ? s(q) : "", typeof i == "function" && Ee.set(i, q), q;
-    }
-    function u(i) {
-      if (i == null) return "";
-      if (typeof i == "function") {
-        var R = i.prototype;
-        return c(
-          i,
-          !(!R || !R.isReactComponent)
-        );
-      }
-      if (typeof i == "string") return s(i);
-      switch (i) {
-        case ee:
-          return s("Suspense");
-        case le:
-          return s("SuspenseList");
-      }
-      if (typeof i == "object")
-        switch (i.$$typeof) {
-          case V:
-            return i = c(i.render, !1), i;
-          case Ae:
-            return u(i.type);
-          case _e:
-            R = i._payload, i = i._init;
-            try {
-              return u(i(R));
-            } catch {
-            }
-        }
-      return "";
-    }
-    function h() {
-      var i = oe.A;
-      return i === null ? null : i.getOwner();
-    }
-    function p(i) {
-      if (Ce.call(i, "key")) {
-        var R = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (R && R.isReactWarning) return !1;
-      }
-      return i.key !== void 0;
-    }
-    function g(i, R) {
-      function A() {
-        Rt || (Rt = !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)",
-          R
-        ));
-      }
-      A.isReactWarning = !0, Object.defineProperty(i, "key", {
-        get: A,
-        configurable: !0
-      });
-    }
-    function b() {
-      var i = e(this.type);
-      return At[i] || (At[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 T(i, R, A, M, X, D) {
-      return A = D.ref, i = {
-        $$typeof: S,
-        type: i,
-        key: R,
-        props: D,
-        _owner: X
-      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(i, "ref", {
-        enumerable: !1,
-        get: b
-      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(i, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
-    }
-    function x(i, R, A, M, X, D) {
-      if (typeof i == "string" || typeof i == "function" || i === w || i === F || i === C || i === ee || i === le || i === ft || typeof i == "object" && i !== null && (i.$$typeof === _e || i.$$typeof === Ae || i.$$typeof === B || i.$$typeof === U || i.$$typeof === V || i.$$typeof === mt || i.getModuleId !== void 0)) {
-        var P = R.children;
-        if (P !== void 0)
-          if (M)
-            if (Pe(P)) {
-              for (M = 0; M < P.length; M++)
-                y(P[M], 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 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 ? M = "null" : Pe(i) ? M = "array" : i !== void 0 && i.$$typeof === S ? (M = "<" + (e(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : M = 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",
-          M,
-          P
-        );
-      if (Ce.call(R, "key")) {
-        P = e(i);
-        var ae = Object.keys(R).filter(function(q) {
-          return q !== "key";
-        });
-        M = 0 < ae.length ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}", _t[P + M] || (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} />`,
-          M,
-          P,
-          ae,
-          P
-        ), _t[P + M] = !0);
-      }
-      if (P = null, A !== void 0 && (r(A), P = "" + A), p(R) && (r(R.key), P = "" + R.key), "key" in R) {
-        A = {};
-        for (var ge in R)
-          ge !== "key" && (A[ge] = R[ge]);
-      } else A = R;
-      return P && g(
-        A,
-        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
-      ), T(i, P, D, X, h(), A);
-    }
-    function y(i, R) {
-      if (typeof i == "object" && i && i.$$typeof !== mr) {
-        if (Pe(i))
-          for (var A = 0; A < i.length; A++) {
-            var M = i[A];
-            l(M) && d(M, R);
-          }
-        else if (l(i))
-          i._store && (i._store.validated = 1);
-        else if (i === null || typeof i != "object" ? A = null : (A = Ye && i[Ye] || i["@@iterator"], A = typeof A == "function" ? A : null), typeof A == "function" && A !== i.entries && (A = A.call(i), A !== i))
-          for (; !(i = A.next()).done; )
-            l(i.value) && d(i.value, R);
-      }
-    }
-    function l(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === S;
-    }
-    function d(i, R) {
-      if (i._store && !i._store.validated && i.key == null && (i._store.validated = 1, R = m(R), !Ct[R])) {
-        Ct[R] = !0;
-        var A = "";
-        i && i._owner != null && i._owner !== h() && (A = null, typeof i._owner.tag == "number" ? A = e(i._owner.type) : typeof i._owner.name == "string" && (A = i._owner.name), A = " It was passed a child from " + A + ".");
-        var M = oe.getCurrentStack;
-        oe.getCurrentStack = function() {
-          var X = u(i.type);
-          return M && (X += M() || ""), X;
-        }, 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.',
-          R,
-          A
-        ), oe.getCurrentStack = M;
-      }
-    }
-    function m(i) {
-      var R = "", A = h();
-      return A && (A = e(A.type)) && (R = `
-
-Check the render method of \`` + A + "`."), R || (i = e(i)) && (R = `
-
-Check the top-level render call using <` + i + ">."), R;
-    }
-    var v = pr, S = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), w = 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"), le = Symbol.for("react.suspense_list"), Ae = Symbol.for("react.memo"), _e = Symbol.for("react.lazy"), ft = Symbol.for("react.offscreen"), Ye = Symbol.iterator, ze = Symbol.for("react.client.reference"), oe = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Ce = Object.prototype.hasOwnProperty, ie = Object.assign, mt = Symbol.for("react.client.reference"), Pe = Array.isArray, fe = 0, Fe, Ve, We, Be, Xe, Ge, He;
-    n.__reactDisabledLog = !0;
-    var _, ve, ue = !1, Ee = new (typeof WeakMap == "function" ? WeakMap : Map)(), mr = Symbol.for("react.client.reference"), Rt, At = {}, _t = {}, Ct = {};
-    Oe.Fragment = w, Oe.jsx = function(i, R, A, M, X) {
-      return x(i, R, A, !1, M, X);
-    }, Oe.jsxs = function(i, R, A, M, X) {
-      return x(i, R, A, !0, M, X);
-    };
-  }()), Oe;
-}
-var Ot;
-function kr() {
-  return Ot || (Ot = 1, process.env.NODE_ENV === "production" ? Je.exports = Mr() : Je.exports = Or()), Je.exports;
-}
-var Ie = kr();
-function Lr(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 Ir(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(r) {
-    var n = this;
-    this._insertTag = function(o) {
-      var a;
-      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(n) {
-    n.forEach(this._insertTag);
-  }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Ir(this));
-    var o = this.tags[this.tags.length - 1];
-    if (this.isSpeedy) {
-      var a = Lr(o);
-      try {
-        a.insertRule(n, a.cssRules.length);
-      } catch {
-      }
-    } else
-      o.appendChild(document.createTextNode(n));
-    this.ctr++;
-  }, t.flush = function() {
-    this.tags.forEach(function(n) {
-      var o;
-      return (o = n.parentNode) == null ? void 0 : o.removeChild(n);
-    }), this.tags = [], this.ctr = 0;
-  }, e;
-}(), H = "-ms-", it = "-moz-", O = "-webkit-", Jt = "comm", xt = "rule", St = "decl", Ur = "@import", Zt = "@keyframes", Dr = "@layer", jr = Math.abs, st = String.fromCharCode, Yr = Object.assign;
-function zr(e, t) {
-  return W(e, 0) ^ 45 ? (((t << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
-}
-function Qt(e) {
-  return e.trim();
-}
-function Fr(e, t) {
-  return (e = t.exec(e)) ? e[0] : e;
-}
-function k(e, t, r) {
-  return e.replace(t, r);
-}
-function Et(e, t) {
-  return e.indexOf(t);
-}
-function W(e, t) {
-  return e.charCodeAt(t) | 0;
-}
-function $e(e, t, r) {
-  return e.slice(t, r);
-}
-function te(e) {
-  return e.length;
-}
-function Tt(e) {
-  return e.length;
-}
-function Ze(e, t) {
-  return t.push(e), e;
-}
-function Vr(e, t) {
-  return e.map(t).join("");
-}
-var ct = 1, Se = 1, er = 0, Z = 0, Y = 0, we = "";
-function lt(e, t, r, n, o, a, s) {
-  return { value: e, root: t, parent: r, type: n, props: o, children: a, line: ct, column: Se, length: s, return: "" };
-}
-function ke(e, t) {
-  return Yr(lt("", null, null, "", null, null, 0), e, { length: -e.length }, t);
-}
-function Wr() {
-  return Y;
-}
-function Br() {
-  return Y = Z > 0 ? W(we, --Z) : 0, Se--, Y === 10 && (Se = 1, ct--), Y;
-}
-function Q() {
-  return Y = Z < er ? W(we, Z++) : 0, Se++, Y === 10 && (Se = 1, ct++), Y;
-}
-function ne() {
-  return W(we, Z);
-}
-function et() {
-  return Z;
-}
-function je(e, t) {
-  return $e(we, e, t);
-}
-function Ue(e) {
-  switch (e) {
-    // \0 \t \n \r \s whitespace token
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    // ! + , / > @ ~ isolate token
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    // ; { } breakpoint token
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    // : accompanied token
-    case 58:
-      return 3;
-    // " ' ( [ opening delimit token
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    // ) ] closing delimit token
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function tr(e) {
-  return ct = Se = 1, er = te(we = e), Z = 0, [];
-}
-function rr(e) {
-  return we = "", e;
-}
-function tt(e) {
-  return Qt(je(Z - 1, gt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
-}
-function Xr(e) {
-  for (; (Y = ne()) && Y < 33; )
-    Q();
-  return Ue(e) > 2 || Ue(Y) > 3 ? "" : " ";
-}
-function Gr(e, t) {
-  for (; --t && Q() && !(Y < 48 || Y > 102 || Y > 57 && Y < 65 || Y > 70 && Y < 97); )
-    ;
-  return je(e, et() + (t < 6 && ne() == 32 && Q() == 32));
-}
-function gt(e) {
-  for (; Q(); )
-    switch (Y) {
-      // ] ) " '
-      case e:
-        return Z;
-      // " '
-      case 34:
-      case 39:
-        e !== 34 && e !== 39 && gt(Y);
-        break;
-      // (
-      case 40:
-        e === 41 && gt(e);
-        break;
-      // \
-      case 92:
-        Q();
-        break;
-    }
-  return Z;
-}
-function Hr(e, t) {
-  for (; Q() && e + Y !== 57; )
-    if (e + Y === 84 && ne() === 47)
-      break;
-  return "/*" + je(t, Z - 1) + "*" + st(e === 47 ? e : Q());
-}
-function qr(e) {
-  for (; !Ue(ne()); )
-    Q();
-  return je(e, Z);
-}
-function Kr(e) {
-  return rr(rt("", null, null, null, [""], e = tr(e), 0, [0], e));
-}
-function rt(e, t, r, n, o, a, s, c, u) {
-  for (var h = 0, p = 0, g = s, b = 0, T = 0, x = 0, y = 1, l = 1, d = 1, m = 0, v = "", S = o, f = a, w = n, C = v; l; )
-    switch (x = m, m = Q()) {
-      // (
-      case 40:
-        if (x != 108 && W(C, g - 1) == 58) {
-          Et(C += k(tt(m), "&", "&\f"), "&\f") != -1 && (d = -1);
-          break;
-        }
-      // " ' [
-      case 34:
-      case 39:
-      case 91:
-        C += tt(m);
-        break;
-      // \t \n \r \s
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        C += Xr(x);
-        break;
-      // \
-      case 92:
-        C += Gr(et() - 1, 7);
-        continue;
-      // /
-      case 47:
-        switch (ne()) {
-          case 42:
-          case 47:
-            Ze(Jr(Hr(Q(), et()), t, r), u);
-            break;
-          default:
-            C += "/";
-        }
-        break;
-      // {
-      case 123 * y:
-        c[h++] = te(C) * d;
-      // } ; \0
-      case 125 * y:
-      case 59:
-      case 0:
-        switch (m) {
-          // \0 }
-          case 0:
-          case 125:
-            l = 0;
-          // ;
-          case 59 + p:
-            d == -1 && (C = k(C, /\f/g, "")), T > 0 && te(C) - g && Ze(T > 32 ? Lt(C + ";", n, r, g - 1) : Lt(k(C, " ", "") + ";", n, r, g - 2), u);
-            break;
-          // @ ;
-          case 59:
-            C += ";";
-          // { rule/at-rule
-          default:
-            if (Ze(w = kt(C, t, r, h, p, o, c, v, S = [], f = [], g), a), m === 123)
-              if (p === 0)
-                rt(C, t, w, w, S, a, g, c, f);
-              else
-                switch (b === 99 && W(C, 3) === 110 ? 100 : b) {
-                  // d l m s
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    rt(e, w, w, n && Ze(kt(e, w, w, 0, 0, o, c, v, o, S = [], g), f), o, f, g, c, n ? S : f);
-                    break;
-                  default:
-                    rt(C, w, w, w, [""], f, 0, c, f);
-                }
-        }
-        h = p = T = 0, y = d = 1, v = C = "", g = s;
-        break;
-      // :
-      case 58:
-        g = 1 + te(C), T = x;
-      default:
-        if (y < 1) {
-          if (m == 123)
-            --y;
-          else if (m == 125 && y++ == 0 && Br() == 125)
-            continue;
-        }
-        switch (C += st(m), m * y) {
-          // &
-          case 38:
-            d = p > 0 ? 1 : (C += "\f", -1);
-            break;
-          // ,
-          case 44:
-            c[h++] = (te(C) - 1) * d, d = 1;
-            break;
-          // @
-          case 64:
-            ne() === 45 && (C += tt(Q())), b = ne(), p = g = te(v = C += qr(et())), m++;
-            break;
-          // -
-          case 45:
-            x === 45 && te(C) == 2 && (y = 0);
-        }
-    }
-  return a;
-}
-function kt(e, t, r, n, o, a, s, c, u, h, p) {
-  for (var g = o - 1, b = o === 0 ? a : [""], T = Tt(b), x = 0, y = 0, l = 0; x < n; ++x)
-    for (var d = 0, m = $e(e, g + 1, g = jr(y = s[x])), v = e; d < T; ++d)
-      (v = Qt(y > 0 ? b[d] + " " + m : k(m, /&\f/g, b[d]))) && (u[l++] = v);
-  return lt(e, t, r, o === 0 ? xt : c, u, h, p);
-}
-function Jr(e, t, r) {
-  return lt(e, t, r, Jt, st(Wr()), $e(e, 2, -2), 0);
-}
-function Lt(e, t, r, n) {
-  return lt(e, t, r, St, $e(e, 0, n), $e(e, n + 1, -1), n);
-}
-function be(e, t) {
-  for (var r = "", n = Tt(e), o = 0; o < n; o++)
-    r += t(e[o], o, e, t) || "";
-  return r;
-}
-function Zr(e, t, r, n) {
-  switch (e.type) {
-    case Dr:
-      if (e.children.length) break;
-    case Ur:
-    case St:
-      return e.return = e.return || e.value;
-    case Jt:
-      return "";
-    case Zt:
-      return e.return = e.value + "{" + be(e.children, n) + "}";
-    case xt:
-      e.value = e.props.join(",");
-  }
-  return te(r = be(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
-}
-function Qr(e) {
-  var t = Tt(e);
-  return function(r, n, o, a) {
-    for (var s = "", c = 0; c < t; c++)
-      s += e[c](r, n, o, a) || "";
-    return s;
-  };
-}
-function en(e) {
-  return function(t) {
-    t.root || (t = t.return) && e(t);
-  };
-}
-function tn(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(r) {
-    return t[r] === void 0 && (t[r] = e(r)), t[r];
-  };
-}
-var rn = function(t, r, n) {
-  for (var o = 0, a = 0; o = a, a = ne(), o === 38 && a === 12 && (r[n] = 1), !Ue(a); )
-    Q();
-  return je(t, Z);
-}, nn = function(t, r) {
-  var n = -1, o = 44;
-  do
-    switch (Ue(o)) {
-      case 0:
-        o === 38 && ne() === 12 && (r[n] = 1), t[n] += rn(Z - 1, r, n);
-        break;
-      case 2:
-        t[n] += tt(o);
-        break;
-      case 4:
-        if (o === 44) {
-          t[++n] = ne() === 58 ? "&\f" : "", r[n] = t[n].length;
-          break;
-        }
-      // fallthrough
-      default:
-        t[n] += st(o);
-    }
-  while (o = Q());
-  return t;
-}, on = function(t, r) {
-  return rr(nn(tr(t), r));
-}, It = /* @__PURE__ */ new WeakMap(), an = 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 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 = on(r, a), c = n.props, u = 0, h = 0; u < s.length; u++)
-        for (var p = 0; p < c.length; p++, h++)
-          t.props[h] = a[u] ? s[u].replace(/&\f/g, c[p]) : c[p] + " " + s[u];
-    }
-  }
-}, sn = function(t) {
-  if (t.type === "decl") {
-    var r = t.value;
-    // charcode for l
-    r.charCodeAt(0) === 108 && // charcode for b
-    r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
-  }
-};
-function nr(e, t) {
-  switch (zr(e, t)) {
-    // color-adjust
-    case 5103:
-      return O + "print-" + e + e;
-    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return O + e + e;
-    // appearance, user-select, transform, hyphens, text-size-adjust
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return O + e + it + e + H + e + e;
-    // flex, flex-direction
-    case 6828:
-    case 4268:
-      return O + e + H + e + e;
-    // order
-    case 6165:
-      return O + e + H + "flex-" + e + e;
-    // align-items
-    case 5187:
-      return O + e + k(e, /(\w+).+(:[^]+)/, O + "box-$1$2" + H + "flex-$1$2") + e;
-    // align-self
-    case 5443:
-      return O + e + H + "flex-item-" + k(e, /flex-|-self/, "") + e;
-    // align-content
-    case 4675:
-      return O + e + H + "flex-line-pack" + k(e, /align-content|flex-|-self/, "") + e;
-    // flex-shrink
-    case 5548:
-      return O + e + H + k(e, "shrink", "negative") + e;
-    // flex-basis
-    case 5292:
-      return O + e + H + k(e, "basis", "preferred-size") + e;
-    // flex-grow
-    case 6060:
-      return O + "box-" + k(e, "-grow", "") + O + e + H + k(e, "grow", "positive") + e;
-    // transition
-    case 4554:
-      return O + k(e, /([^-])(transform)/g, "$1" + O + "$2") + e;
-    // cursor
-    case 6187:
-      return k(k(k(e, /(zoom-|grab)/, O + "$1"), /(image-set)/, O + "$1"), e, "") + e;
-    // background, background-image
-    case 5495:
-    case 3959:
-      return k(e, /(image-set\([^]*)/, O + "$1$`$1");
-    // justify-content
-    case 4968:
-      return k(k(e, /(.+:)(flex-)?(.*)/, O + "box-pack:$3" + H + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + O + e + e;
-    // (margin|padding)-inline-(start|end)
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return k(e, /(.+)-inline(.+)/, O + "$1$2") + e;
-    // (min|max)?(width|height|inline-size|block-size)
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (te(e) - 1 - t > 6) switch (W(e, t + 1)) {
-        // (m)ax-content, (m)in-content
-        case 109:
-          if (W(e, t + 4) !== 45) break;
-        // (f)ill-available, (f)it-content
-        case 102:
-          return k(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + it + (W(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-        // (s)tretch
-        case 115:
-          return ~Et(e, "stretch") ? nr(k(e, "stretch", "fill-available"), t) + e : e;
-      }
-      break;
-    // position: sticky
-    case 4949:
-      if (W(e, t + 1) !== 115) break;
-    // display: (flex|inline-flex)
-    case 6444:
-      switch (W(e, te(e) - 3 - (~Et(e, "!important") && 10))) {
-        // stic(k)y
-        case 107:
-          return k(e, ":", ":" + O) + e;
-        // (inline-)?fl(e)x
-        case 101:
-          return k(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + O + (W(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + H + "$2box$3") + e;
-      }
-      break;
-    // writing-mode
-    case 5936:
-      switch (W(e, t + 11)) {
-        // vertical-l(r)
-        case 114:
-          return O + e + H + k(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
-        // vertical-r(l)
-        case 108:
-          return O + e + H + k(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
-        // horizontal(-)tb
-        case 45:
-          return O + e + H + k(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
-      }
-      return O + e + H + e + e;
-  }
-  return e;
-}
-var cn = function(t, r, n, o) {
-  if (t.length > -1 && !t.return) switch (t.type) {
-    case St:
-      t.return = nr(t.value, t.length);
-      break;
-    case Zt:
-      return be([ke(t, {
-        value: k(t.value, "@", "@" + O)
-      })], o);
-    case xt:
-      if (t.length) return Vr(t.props, function(a) {
-        switch (Fr(a, /(::plac\w+|:read-\w+)/)) {
-          // :read-(only|write)
-          case ":read-only":
-          case ":read-write":
-            return be([ke(t, {
-              props: [k(a, /:(read-\w+)/, ":" + it + "$1")]
-            })], o);
-          // :placeholder
-          case "::placeholder":
-            return be([ke(t, {
-              props: [k(a, /:(plac\w+)/, ":" + O + "input-$1")]
-            }), ke(t, {
-              props: [k(a, /:(plac\w+)/, ":" + it + "$1")]
-            }), ke(t, {
-              props: [k(a, /:(plac\w+)/, H + "input-$1")]
-            })], o);
-        }
-        return "";
-      });
-  }
-}, ln = [cn], un = function(t) {
-  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 l = y.getAttribute("data-emotion");
-      l.indexOf(" ") !== -1 && (document.head.appendChild(y), y.setAttribute("data-s", ""));
-    });
-  }
-  var o = t.stylisPlugins || ln, 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^="' + r + ' "]'),
-    function(y) {
-      for (var l = y.getAttribute("data-emotion").split(" "), d = 1; d < l.length; d++)
-        a[l[d]] = !0;
-      c.push(y);
-    }
-  );
-  var u, h = [an, sn];
-  {
-    var p, g = [Zr, en(function(y) {
-      p.insert(y);
-    })], b = Qr(h.concat(o, g)), T = function(l) {
-      return be(Kr(l), b);
-    };
-    u = function(l, d, m, v) {
-      p = m, T(l ? l + "{" + d.styles + "}" : d.styles), v && (x.inserted[d.name] = !0);
-    };
-  }
-  var x = {
-    key: r,
-    sheet: new $r({
-      key: r,
-      container: s,
-      nonce: t.nonce,
-      speedy: t.speedy,
-      prepend: t.prepend,
-      insertionPoint: t.insertionPoint
-    }),
-    nonce: t.nonce,
-    inserted: a,
-    registered: {},
-    insert: u
-  };
-  return x.sheet.hydrate(c), x;
-}, Qe = { exports: {} }, L = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var $t;
-function dn() {
-  if ($t) return L;
-  $t = 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, u = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, T = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, l = e ? Symbol.for("react.fundamental") : 60117, d = e ? Symbol.for("react.responder") : 60118, m = e ? Symbol.for("react.scope") : 60119;
-  function v(f) {
-    if (typeof f == "object" && f !== null) {
-      var w = f.$$typeof;
-      switch (w) {
-        case t:
-          switch (f = f.type, f) {
-            case u:
-            case h:
-            case n:
-            case a:
-            case o:
-            case g:
-              return f;
-            default:
-              switch (f = f && f.$$typeof, f) {
-                case c:
-                case p:
-                case x:
-                case T:
-                case s:
-                  return f;
-                default:
-                  return w;
-              }
-          }
-        case r:
-          return w;
-      }
-    }
-  }
-  function S(f) {
-    return v(f) === h;
-  }
-  return L.AsyncMode = u, L.ConcurrentMode = h, L.ContextConsumer = c, L.ContextProvider = s, L.Element = t, L.ForwardRef = p, L.Fragment = n, L.Lazy = x, L.Memo = T, L.Portal = r, L.Profiler = a, L.StrictMode = o, L.Suspense = g, L.isAsyncMode = function(f) {
-    return S(f) || v(f) === u;
-  }, L.isConcurrentMode = S, L.isContextConsumer = function(f) {
-    return v(f) === c;
-  }, L.isContextProvider = function(f) {
-    return v(f) === s;
-  }, L.isElement = function(f) {
-    return typeof f == "object" && f !== null && f.$$typeof === t;
-  }, L.isForwardRef = function(f) {
-    return v(f) === p;
-  }, L.isFragment = function(f) {
-    return v(f) === n;
-  }, L.isLazy = function(f) {
-    return v(f) === x;
-  }, L.isMemo = function(f) {
-    return v(f) === T;
-  }, L.isPortal = function(f) {
-    return v(f) === r;
-  }, L.isProfiler = function(f) {
-    return v(f) === a;
-  }, L.isStrictMode = function(f) {
-    return v(f) === o;
-  }, L.isSuspense = function(f) {
-    return v(f) === g;
-  }, L.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === n || f === h || f === a || f === o || f === g || f === b || typeof f == "object" && f !== null && (f.$$typeof === x || f.$$typeof === T || f.$$typeof === s || f.$$typeof === c || f.$$typeof === p || f.$$typeof === l || f.$$typeof === d || f.$$typeof === m || f.$$typeof === y);
-  }, L.typeOf = v, L;
-}
-var I = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ut;
-function fn() {
-  return Ut || (Ut = 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, u = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, T = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, l = e ? Symbol.for("react.fundamental") : 60117, d = e ? Symbol.for("react.responder") : 60118, m = e ? Symbol.for("react.scope") : 60119;
-    function v(_) {
-      return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === n || _ === h || _ === a || _ === o || _ === g || _ === b || typeof _ == "object" && _ !== null && (_.$$typeof === x || _.$$typeof === T || _.$$typeof === s || _.$$typeof === c || _.$$typeof === p || _.$$typeof === l || _.$$typeof === d || _.$$typeof === m || _.$$typeof === y);
-    }
-    function S(_) {
-      if (typeof _ == "object" && _ !== null) {
-        var ve = _.$$typeof;
-        switch (ve) {
-          case t:
-            var ue = _.type;
-            switch (ue) {
-              case u:
-              case h:
-              case n:
-              case a:
-              case o:
-              case g:
-                return ue;
-              default:
-                var Ee = ue && ue.$$typeof;
-                switch (Ee) {
-                  case c:
-                  case p:
-                  case x:
-                  case T:
-                  case s:
-                    return Ee;
-                  default:
-                    return ve;
-                }
-            }
-          case r:
-            return ve;
-        }
-      }
-    }
-    var f = u, w = h, C = c, F = s, U = t, B = p, V = n, ee = x, le = T, Ae = r, _e = a, ft = o, Ye = g, ze = !1;
-    function oe(_) {
-      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.")), Ce(_) || S(_) === u;
-    }
-    function Ce(_) {
-      return S(_) === h;
-    }
-    function ie(_) {
-      return S(_) === c;
-    }
-    function mt(_) {
-      return S(_) === s;
-    }
-    function Pe(_) {
-      return typeof _ == "object" && _ !== null && _.$$typeof === t;
-    }
-    function fe(_) {
-      return S(_) === p;
-    }
-    function Fe(_) {
-      return S(_) === n;
-    }
-    function Ve(_) {
-      return S(_) === x;
-    }
-    function We(_) {
-      return S(_) === T;
-    }
-    function Be(_) {
-      return S(_) === r;
-    }
-    function Xe(_) {
-      return S(_) === a;
-    }
-    function Ge(_) {
-      return S(_) === o;
-    }
-    function He(_) {
-      return S(_) === g;
-    }
-    I.AsyncMode = f, I.ConcurrentMode = w, I.ContextConsumer = C, I.ContextProvider = F, I.Element = U, I.ForwardRef = B, I.Fragment = V, I.Lazy = ee, I.Memo = le, I.Portal = Ae, I.Profiler = _e, I.StrictMode = ft, I.Suspense = Ye, I.isAsyncMode = oe, I.isConcurrentMode = Ce, I.isContextConsumer = ie, I.isContextProvider = mt, I.isElement = Pe, I.isForwardRef = fe, I.isFragment = Fe, I.isLazy = Ve, I.isMemo = We, I.isPortal = Be, I.isProfiler = Xe, I.isStrictMode = Ge, I.isSuspense = He, I.isValidElementType = v, I.typeOf = S;
-  }()), I;
-}
-var Dt;
-function mn() {
-  return Dt || (Dt = 1, process.env.NODE_ENV === "production" ? Qe.exports = dn() : Qe.exports = fn()), Qe.exports;
-}
-var ht, jt;
-function pn() {
-  if (jt) return ht;
-  jt = 1;
-  var e = mn(), t = {
-    childContextTypes: !0,
-    contextType: !0,
-    contextTypes: !0,
-    defaultProps: !0,
-    displayName: !0,
-    getDefaultProps: !0,
-    getDerivedStateFromError: !0,
-    getDerivedStateFromProps: !0,
-    mixins: !0,
-    propTypes: !0,
-    type: !0
-  }, r = {
-    name: !0,
-    length: !0,
-    prototype: !0,
-    caller: !0,
-    callee: !0,
-    arguments: !0,
-    arity: !0
-  }, n = {
-    $$typeof: !0,
-    render: !0,
-    defaultProps: !0,
-    displayName: !0,
-    propTypes: !0
-  }, o = {
-    $$typeof: !0,
-    compare: !0,
-    defaultProps: !0,
-    displayName: !0,
-    propTypes: !0,
-    type: !0
-  }, a = {};
-  a[e.ForwardRef] = n, a[e.Memo] = o;
-  function s(x) {
-    return e.isMemo(x) ? o : a[x.$$typeof] || t;
-  }
-  var c = Object.defineProperty, u = Object.getOwnPropertyNames, h = Object.getOwnPropertySymbols, p = Object.getOwnPropertyDescriptor, g = Object.getPrototypeOf, b = Object.prototype;
-  function T(x, y, l) {
-    if (typeof y != "string") {
-      if (b) {
-        var d = g(y);
-        d && d !== b && T(x, d, l);
-      }
-      var m = u(y);
-      h && (m = m.concat(h(y)));
-      for (var v = s(x), S = s(y), f = 0; f < m.length; ++f) {
-        var w = m[f];
-        if (!r[w] && !(l && l[w]) && !(S && S[w]) && !(v && v[w])) {
-          var C = p(y, w);
-          try {
-            c(x, w, C);
-          } catch {
-          }
-        }
-      }
-    }
-    return x;
-  }
-  return ht = T, ht;
-}
-pn();
-var hn = !0;
-function vn(e, t, r) {
-  var n = "";
-  return r.split(" ").forEach(function(o) {
-    e[o] !== void 0 ? t.push(e[o] + ";") : o && (n += o + " ");
-  }), n;
-}
-var or = 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
-  (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
-  hn === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
-}, En = function(t, r, n) {
-  or(t, r, n);
-  var o = t.key + "-" + r.name;
-  if (t.inserted[r.name] === void 0) {
-    var a = r;
-    do
-      t.insert(r === a ? "." + o : "", a, t.sheet, !0), a = a.next;
-    while (a !== void 0);
-  }
-};
-function gn(e) {
-  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(n + 2) & 255) << 16;
-    case 2:
-      t ^= (e.charCodeAt(n + 1) & 255) << 8;
-    case 1:
-      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 = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  scale: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-}, yn = /[A-Z]|^ms/g, xn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ir = function(t) {
-  return t.charCodeAt(1) === 45;
-}, Yt = function(t) {
-  return t != null && typeof t != "boolean";
-}, vt = /* @__PURE__ */ tn(function(e) {
-  return ir(e) ? e : e.replace(yn, "-$&").toLowerCase();
-}), zt = function(t, r) {
-  switch (t) {
-    case "animation":
-    case "animationName":
-      if (typeof r == "string")
-        return r.replace(xn, function(n, o, a) {
-          return re = {
-            name: o,
-            styles: a,
-            next: re
-          }, o;
-        });
-  }
-  return bn[t] !== 1 && !ir(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
-};
-function De(e, t, r) {
-  if (r == null)
-    return "";
-  var n = r;
-  if (n.__emotion_styles !== void 0)
-    return n;
-  switch (typeof r) {
-    case "boolean":
-      return "";
-    case "object": {
-      var o = r;
-      if (o.anim === 1)
-        return re = {
-          name: o.name,
-          styles: o.styles,
-          next: re
-        }, o.name;
-      var a = r;
-      if (a.styles !== void 0) {
-        var s = a.next;
-        if (s !== void 0)
-          for (; s !== void 0; )
-            re = {
-              name: s.name,
-              styles: s.styles,
-              next: re
-            }, s = s.next;
-        var c = a.styles + ";";
-        return c;
-      }
-      return Sn(e, t, r);
-    }
-    case "function": {
-      if (e !== void 0) {
-        var u = re, h = r(e);
-        return re = u, De(e, t, h);
-      }
-      break;
-    }
-  }
-  var p = r;
-  return p;
-}
-function Sn(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 r) {
-      var s = r[a];
-      if (typeof s != "object") {
-        var c = s;
-        Yt(c) && (n += vt(a) + ":" + zt(a, c) + ";");
-      } else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
-        for (var u = 0; u < s.length; u++)
-          Yt(s[u]) && (n += vt(a) + ":" + zt(a, s[u]) + ";");
-      else {
-        var h = De(e, t, s);
-        switch (a) {
-          case "animation":
-          case "animationName": {
-            n += vt(a) + ":" + h + ";";
-            break;
-          }
-          default:
-            n += a + "{" + h + "}";
-        }
-      }
-    }
-  return n;
-}
-var Ft = /label:\s*([^\s;{]+)\s*(;|$)/g, re;
-function Tn(e, t, r) {
-  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
-    return e[0];
-  var n = !0, o = "";
-  re = void 0;
-  var a = e[0];
-  if (a == null || a.raw === void 0)
-    n = !1, o += De(r, t, a);
-  else {
-    var s = a;
-    o += s[0];
-  }
-  for (var c = 1; c < e.length; c++)
-    if (o += De(r, t, e[c]), n) {
-      var u = a;
-      o += u[c];
-    }
-  Ft.lastIndex = 0;
-  for (var h = "", p; (p = Ft.exec(o)) !== null; )
-    h += "-" + p[1];
-  var g = gn(o) + h;
-  return {
-    name: g,
-    styles: o,
-    next: re
-  };
-}
-var wn = function(t) {
-  return t();
-}, Rn = ce.useInsertionEffect ? ce.useInsertionEffect : !1, An = Rn || wn, ar = /* @__PURE__ */ ce.createContext(
-  // we're doing this to avoid preconstruct's dead code elimination in this one case
-  // because this module is primarily intended for the browser and node
-  // but it's also required in react native and similar environments sometimes
-  // and we could have a special build just for that
-  // but this is much easier and the native packages
-  // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ un({
-    key: "css"
-  }) : null
-);
-ar.Provider;
-var _n = function(t) {
-  return /* @__PURE__ */ hr(function(r, n) {
-    var o = Te(ar);
-    return t(r, o, n);
-  });
-}, Cn = /* @__PURE__ */ ce.createContext({}), ut = {}.hasOwnProperty, bt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", sr = function(t, r) {
-  var n = {};
-  for (var o in r)
-    ut.call(r, o) && (n[o] = r[o]);
-  return n[bt] = t, n;
-}, Pn = function(t) {
-  var r = t.cache, n = t.serialized, o = t.isStringTag;
-  return or(r, n, o), An(function() {
-    return En(r, n, o);
-  }), null;
-}, Nn = /* @__PURE__ */ _n(function(e, t, r) {
-  var n = e.css;
-  typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
-  var o = e[bt], a = [n], s = "";
-  typeof e.className == "string" ? s = vn(t.registered, a, e.className) : e.className != null && (s = e.className + " ");
-  var c = Tn(a, void 0, ce.useContext(Cn));
-  s += t.key + "-" + c.name;
-  var u = {};
-  for (var h in e)
-    ut.call(e, h) && h !== "css" && h !== bt && (u[h] = e[h]);
-  return u.className = s, r && (u.ref = r), /* @__PURE__ */ ce.createElement(ce.Fragment, null, /* @__PURE__ */ ce.createElement(Pn, {
-    cache: t,
-    serialized: c,
-    isStringTag: typeof o == "string"
-  }), /* @__PURE__ */ ce.createElement(o, u));
-}), cr = Nn, lr = Ie.Fragment, E = function(t, r, n) {
-  return ut.call(r, "css") ? Ie.jsx(cr, sr(t, r), n) : Ie.jsx(t, r, n);
-}, $ = function(t, r, n) {
-  return ut.call(r, "css") ? Ie.jsxs(cr, sr(t, r), n) : Ie.jsxs(t, r, n);
-};
-const Mn = Ht(({ sendBack: e, receive: t, input: r }) => {
-  const { videoElement: n } = r;
-  t((b) => {
-    b.type === "PLAY" && n.play().then(() => o()).catch((T) => {
-      console.error(T);
-    }), b.type === "PAUSE" && (n.pause(), a()), b.type === "SET_TIME" && (n.currentTime = b.value, c()), b.type === "SET_VOLUME" && (n.volume = b.volume, n.muted = b.muted, u()), b.type === "SET_PLAYBACK_RATE" && (n.playbackRate = b.playbackRate, h());
-  });
-  const o = () => e({ type: "PLAYING" }), a = () => e({ type: "PAUSED" }), s = () => e({ type: "ENDED" }), c = () => e({ type: "TIME_UPDATE", currentTime: n.currentTime }), u = () => e({ type: "VOLUME_UPDATE", muted: n.muted, volume: n.volume }), h = () => e({ type: "PLAYBACK_RATE_UPDATE", playbackRate: n.playbackRate }), p = () => 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", u), n.addEventListener("ratechange", h), n.addEventListener("seeking", p), n.addEventListener("durationchange", g), () => {
-    n.removeEventListener("play", o), n.removeEventListener("pause", a), n.removeEventListener("ended", s), n.removeEventListener("timeupdate", c), n.removeEventListener("volumechange", u), n.removeEventListener("ratechange", h), n.removeEventListener("seeking", p), n.removeEventListener("durationchange", g);
-  };
-}), dt = (e) => Ht((...t) => {
-  const r = e(...t);
-  return () => {
-    r.then((n) => n?.());
-  };
-}), Vt = (e) => Array(e.buffered.length).fill(void 0).map((t, r) => ({
-  index: r,
-  start: e.buffered.start(r),
-  end: e.buffered.end(r)
-})), Wt = (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", n), e.removeEventListener("abort", o), e.removeEventListener("error", a);
-  };
-  e.addEventListener("updateend", n, { once: !0 }), e.addEventListener("abort", o, { once: !0 }), e.addEventListener("error", a, { once: !0 });
-}, On = (e) => {
-  const t = new qt({ concurrency: 1 });
-  return {
-    appendBuffer: (a) => t.add(
-      () => new Promise((s, c) => {
-        Wt(e, s, c), e.appendBuffer(a);
-      })
-    ),
-    unbufferRange: async (a, s) => t.add(
-      () => new Promise((c, u) => {
-        Wt(e, c, u), e.remove(a, s);
-      })
-    ),
-    updateTimestampOffset: (a) => t.add(() => {
-      e.timestampOffset = a;
-    })
-  };
-}, kn = -20, Ln = 60, In = 30, $n = dt(async ({ sendBack: e, receive: t, input: r, self: n, emit: o }) => {
-  const { videoElement: a, preEvictionTime: s, postEvictionTime: c, bufferTargetTime: u } = r, h = () => console.error(a.error);
-  a.addEventListener("error", h);
-  const p = new MediaSource(), g = URL.createObjectURL(p);
-  a.src = g;
-  const b = () => a.currentTime + (s ?? kn), T = () => a.currentTime + (c ?? Ln), x = () => a.currentTime + (u ?? In);
-  let y;
-  const l = await new Promise(
-    (U) => p.addEventListener(
-      "sourceopen",
-      () => {
-        let B = !1;
-        t((V) => {
-          if (!B && V.type === "METADATA") {
-            const ee = p.addSourceBuffer(`video/mp4; codecs="${[V.info.output.videoMimeType, V.info.output.audioMimeType].filter(Boolean).join(",")}"`);
-            ee.mode = "segments", p.duration = V.info.input.duration, y = V.data, B = !0, U(ee);
-          }
-        });
-      },
-      { once: !0 }
-    )
-  );
-  if (!y) throw new Error("No header buffer");
-  const { appendBuffer: d, unbufferRange: m, updateTimestampOffset: v } = On(l);
-  d(y), t(async (U) => {
-    U.type === "DATA" ? await d(U.data) : U.type === "TIMESTAMP_OFFSET" && await v(U.timestampOffset);
-  });
-  const S = async () => {
-    const U = b(), B = T(), V = Vt(l);
-    for (const { start: ee, end: le } of V)
-      ee < U && await m(
-        ee,
-        U
-      ), le > B && await m(
-        B,
-        le
-      );
-  }, f = setInterval(async () => {
-    await S();
-    const U = Vt(l);
-    Math.max(...U.map(({ end: V }) => V)) < x() && e({ type: "NEED_DATA" });
-  }, 100), w = () => e({ type: "SOURCE_OPEN" }), C = () => e({ type: "SOURCE_ENDED" }), F = () => e({ type: "SOURCE_ERROR" });
-  return p.addEventListener("sourceopen", w), p.addEventListener("sourceended", C), p.addEventListener("error", F), () => {
-    URL.revokeObjectURL(g), clearInterval(f), a.removeEventListener("error", h), p.removeEventListener("sourceopen", w), p.removeEventListener("sourceended", C), p.removeEventListener("error", F);
-  };
-}), Un = (e, t) => {
-  let r, n, o;
-  const a = (s, c, u) => (h) => {
-    const p = performance.now();
-    return setTimeout(() => {
-      if (!o) {
-        r = void 0, n = void 0;
-        return;
-      }
-      const g = (async () => t(...o))();
-      o = void 0, g.then(c).catch((x) => {
-        console.error(x), u(x);
-      });
-      let b, T;
-      n = new Promise((x, y) => {
-        b = x, T = y;
-      }), r = g.then(a(p, b, T)).catch((x) => (console.error(x), a(s, b, T)(x)));
-    }, e - (p - s)), h;
-  };
-  return (...s) => {
-    if (o = s, r)
-      return n;
-    {
-      const c = performance.now(), u = (async () => t(...s))();
-      o = void 0;
-      let h, p;
-      return n = new Promise((g, b) => {
-        h = g, p = b;
-      }), r = u.then(a(c, h, p)).catch((g) => (console.error(g), a(c, h, p)(g))), u;
-    }
-  };
-}, Dn = dt(async ({ sendBack: e, receive: t, input: r, self: n, emit: o }) => {
-  const { remuxerOptions: a } = r, { publicPath: s, workerUrl: c, bufferSize: u, length: h, read: p } = a, g = await Kt({
-    publicPath: s,
-    workerUrl: c,
-    bufferSize: u,
-    length: h,
-    read: p
-  }), 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 T = !1, x = [];
-  const y = Un(100, async () => {
-    if (!(x.length || T))
-      try {
-        const { data: l, subtitles: d, finished: m } = await g.read();
-        m && (T = !0), d.length && e({ type: "NEW_SUBTITLE_FRAGMENTS", subtitles: d }), e({ type: "DATA", data: l });
-      } catch (l) {
-        if (l.message === "Cancelled") return;
-        console.error(l);
-      }
-  });
-  return t(async (l) => {
-    if (l.type === "NEED_DATA")
-      y();
-    else if (l.type === "SEEKING") {
-      T = !1;
-      const { currentTime: d } = l, m = { currentTime: d };
-      x = [...x, m];
-      try {
-        const { data: v, pts: S } = await g.seek(d).finally(() => {
-          x = x.filter((f) => f !== m);
-        });
-        e({ type: "TIMESTAMP_OFFSET", timestampOffset: S }), e({ type: "DATA", data: v });
-      } catch (v) {
-        if (v.message === "Cancelled") return;
-        console.error(v);
-      }
-    }
-  }), () => {
-    g.destroy();
-  };
-}), Bt = (e) => new Date(e).toISOString().slice(11, 22), Xt = (e, t) => {
-  e.createStyle({
-    ...t,
-    SecondaryColour: Number(t.SecondaryColour),
-    treat_fontname_as_pattern: 0,
-    Blur: 0,
-    Justify: 0,
-    FontName: t.Fontname,
-    FontSize: Number(t.Fontsize),
-    PrimaryColour: Number(t.PrimaryColour),
-    BackColour: Number(t.BackColour),
-    OutlineColour: Number(t.OutlineColour),
-    Bold: Number(t.Bold),
-    Italic: Number(t.Italic),
-    Underline: Number(t.Underline),
-    StrikeOut: Number(t.StrikeOut),
-    ScaleX: Number(t.ScaleX),
-    ScaleY: Number(t.ScaleY),
-    Spacing: Number(t.Spacing),
-    Angle: Number(t.Angle),
-    BorderStyle: Number(t.BorderStyle),
-    Outline: Number(t.Outline),
-    Shadow: Number(t.Shadow),
-    Alignment: Number(t.Alignment),
-    MarginL: Number(t.MarginL),
-    MarginR: Number(t.MarginR),
-    MarginV: Number(t.MarginV),
-    Encoding: Number(t.Encoding)
-  });
-}, jn = (e) => {
-  const t = e.content.match(/\r\n\[Events\]\r\nFormat: (.*)/)?.[0], r = t?.trim().split(`
-`)[1];
-  if (!t || !r)
-    throw new Error("dialogueFormatContent is undefined");
-  return {
-    type: "header",
-    streamIndex: e.streamIndex,
-    content: e.content,
-    eventsContent: t,
-    dialogueFormatContent: r,
-    parsed: Le(e.content)
-  };
-}, Yn = (e, t) => {
-  const [r, n] = t.content.split(","), o = Number(r), a = Bt(t.start), s = Bt(t.end), c = t.content.replace(`${o},${n},`, ""), u = `Dialogue: ${n},${a},${s},${c}`, p = Le(`${e.eventsContent}\r
-${u}`).events.dialogue[0];
-  if (!p)
-    throw new Error("dialogueEvent is undefined");
-  return {
-    type: "dialogue",
-    streamIndex: t.streamIndex,
-    index: o,
-    content: u,
-    parsed: Le(`${e.eventsContent}\r
-${u}`),
-    assEvent: {
-      ...p,
-      Effect: p.Effect ?? "",
-      Text: p.Text.raw,
-      Duration: (p.End - p.Start) * 1e3,
-      Start: p.Start * 1e3,
-      End: p.End * 1e3,
-      ReadOrder: o,
-      _index: o
-    }
-  };
-}, zn = dt(async ({ sendBack: e, receive: t, input: r, self: n, emit: o }) => {
-  const { publicPath: a, subtitlesRendererOptions: s, videoElement: c, canvasElement: u } = r;
-  let h = [], p;
-  const g = /* @__PURE__ */ new Map();
-  let b = [], T;
-  const x = setInterval(() => {
-    p && p.setCurrentTime(c.paused, c.currentTime, c.playbackRate);
-  }, 100);
-  return t((y) => {
-    if (y.type === "TIME_UPDATE" && p && p.setCurrentTime(c.paused, y.currentTime, c.playbackRate), y.type === "SELECT_SUBTITLE_STREAM") {
-      if (T = y.streamIndex, e({ type: "SELECTED_SUBTITLE_STREAM_UPDATED", streamIndex: y.streamIndex }), !p || (p.freeTrack(), p.setCurrentTime(c.paused, c.currentTime, c.playbackRate), T === void 0))
-        return;
-      b = [];
-      const l = g.get(T);
-      if (!l)
-        throw new Error("newSubtitleStreams is undefined");
-      const d = Le(l.header.content), m = {
-        ...d,
-        info: {
-          ...d.info,
-          ScaledBorderAndShadow: "no",
-          LayoutResX: "",
-          LayoutResY: ""
-        }
-      }, v = Pt(m);
-      p.setTrack(v), p.setCurrentTime(c.paused, c.currentTime, c.playbackRate);
-      for (const S in l.header.parsed.styles) {
-        const f = l.header.parsed.styles.style[Number(S)];
-        f && Xt(p, f);
-      }
-      for (const S of l?.dialogues ?? [])
-        b.filter((w) => w.type === "dialogue").find(
-          (w) => w.streamIndex === S.streamIndex && w.index === S.index
-        ) || T !== S.streamIndex || (p?.createEvent(S.assEvent), b.push(S));
-    }
-    if (y.type === "NEW_SUBTITLE_FRAGMENTS") {
-      const l = y.subtitles.map((d) => {
-        if (d.type === "header") {
-          const m = jn(d);
-          return g.set(d.streamIndex, { header: m, dialogues: [] }), T === void 0 && (T = d.streamIndex, e({ type: "SELECTED_SUBTITLE_STREAM_UPDATED", streamIndex: d.streamIndex })), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), m;
-        } else {
-          const m = g.get(d.streamIndex)?.header;
-          if (!m)
-            throw new Error("SubtitleStream or its header is undefined");
-          const v = Yn(m, d);
-          return g.get(d.streamIndex)?.dialogues.push(v), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), v;
-        }
-      });
-      for (const d of l)
-        if (d.type === "dialogue") {
-          if (b.filter((v) => v.type === "dialogue").find(
-            (v) => v.streamIndex === d.streamIndex && v.index === d.index
-          ) || T !== d.streamIndex)
-            continue;
-          p?.createEvent(d.assEvent), b.push(d);
-        } else if (d.type === "header") {
-          if (!p) {
-            const m = Le(d.content), v = {
-              ...m,
-              info: {
-                ...m.info,
-                ScaledBorderAndShadow: "no",
-                LayoutResX: "",
-                LayoutResY: ""
-              }
-            }, S = Pt(v);
-            p = new yr({
-              onDemandRender: !1,
-              video: c,
-              canvas: u,
-              subContent: S,
-              workerUrl: s.workerUrl,
-              modernWasmUrl: s.wasmUrl,
-              fonts: h.filter(Boolean).map(([f, w]) => w),
-              availableFonts: { ...Object.fromEntries(h), "liberation sans": `${a}default.woff2` }
-              // fallbackFont: 'liberation sans',
-            });
-          }
-          for (const m in d.parsed.styles) {
-            const v = d.parsed.styles.style[Number(m)];
-            v && Xt(p, v);
-          }
-        } else
-          throw new Error("Unknown subtitlePart type");
-    }
-    y.type === "NEW_ATTACHMENTS" && (h = y.attachments.map((l) => [
-      l.filename,
-      new Uint8Array(l.data)
-    ]));
-  }), () => {
-    clearInterval(x), p?.destroy();
-  };
-}), Fn = dt(async ({ sendBack: e, receive: t, input: r, self: n, emit: o }) => {
-  const { remuxerOptions: a } = r, { publicPath: s, workerUrl: c, bufferSize: u, length: h, read: p } = a;
-  let g;
-  const b = new Promise((m) => {
-    g = m;
-  });
-  t(async (m) => {
-    await b, m.type === "DOWNLOADED_RANGES_UPDATED" && x.indexes.reduce((f, w) => {
-      const C = f.at(-1);
-      if (C && w.timestamp - C.timestamp < 5)
-        return f;
-      {
-        const F = x.indexes.slice(w.index + 1).find((U) => U.timestamp > w.timestamp + 5);
-        return F ? [...f, { ...w, duration: F.timestamp - w.timestamp }] : [...f, w];
-      }
-    }, []).filter((f) => {
-      const w = x.indexes.at(f.index + 1), C = w ? w.pos : a.length, F = f.pos;
-      return m.downloadedRanges.some(
-        ({ startByteOffset: B, endByteOffset: V }) => B <= F && C <= V
-      );
-    }).sort((f, w) => f.timestamp - w.timestamp).forEach((f) => d(f));
-  });
-  const T = await Kt({
-    publicPath: s,
-    workerUrl: c,
-    bufferSize: u,
-    length: h,
-    read: p
-  }), x = await T.init(), y = new qt({ concurrency: 1 });
-  let l = [];
-  const d = (m) => y.add(async () => {
-    if (l.find((U) => U.index.index === m.index)) return;
-    const v = await T.readKeyframe(m.timestamp), S = new Blob([v], { type: "image/png" }), f = URL.createObjectURL(S), w = x.indexes.at(m.index + 1), C = w ? w.timestamp - m.timestamp : x.info.input.duration - m.timestamp, F = {
-      blob: S,
-      url: f,
-      timestamp: m.timestamp,
-      duration: m.duration ?? C,
-      index: m
-    };
-    l.push(F), e({ type: "NEW_THUMBNAIL", thumbnail: F });
-  });
-  return g(), () => {
-    T.destroy();
-  };
-}), Vn = gr({
-  types: {},
-  actions: {
-    isReady: br(({ context: e, enqueue: t }) => {
-      e.videoElement && e.canvasElement && e.remuxerOptions && e.subtitlesRendererOptions && e.mediaSourceOptions && t.raise({ type: "IS_READY" });
-    })
-  },
-  actors: {
-    mediaLogic: Mn,
-    mediaSourceLogic: $n,
-    dataSourceLogic: Dn,
-    thumbnailsLogic: Fn,
-    subtitlesLogic: zn
-  }
-}).createMachine({
-  context: {
-    mediaSourceOptions: void 0,
-    subtitlesRendererOptions: void 0,
-    remuxerOptions: void 0,
-    videoElement: void 0,
-    canvasElement: void 0,
-    media: {
-      paused: !0,
-      currentTime: 0,
-      volume: 1,
-      muted: !1,
-      playbackRate: 1,
-      duration: void 0
-    },
-    attachments: [],
-    subtitleFragments: [],
-    subtitleStreams: [],
-    selectedSubtitleStreamIndex: void 0,
-    indexes: [],
-    thumbnails: [],
-    isReady: !1
-  },
-  initial: "WAITING",
-  on: {
-    SET_VIDEO_ELEMENT: {
-      actions: [
-        z({
-          videoElement: ({ event: e }) => e.videoElement
-        }),
-        { type: "isReady" }
-      ]
-    },
-    SET_CANVAS_ELEMENT: {
-      actions: [
-        z({
-          canvasElement: ({ event: e }) => e.canvasElement
-        }),
-        { type: "isReady" }
-      ]
-    },
-    IS_READY: {
-      target: ".OK",
-      actions: z({ isReady: () => !0 })
-    }
-  },
-  states: {
-    WAITING: {
-      on: {
-        MEDIA_SOURCE_OPTIONS: {
-          actions: [
-            z({
-              mediaSourceOptions: ({ event: e }) => e.mediaSourceOptions
-            }),
-            { type: "isReady" }
-          ]
-        },
-        REMUXER_OPTIONS: {
-          actions: [
-            z({
-              remuxerOptions: ({ event: e }) => e.remuxerOptions
-            }),
-            { type: "isReady" }
-          ]
-        },
-        SUBTITLES_RENDERER_OPTIONS: {
-          actions: [
-            z({
-              subtitlesRendererOptions: ({ event: e }) => e.subtitlesRendererOptions
-            }),
-            { type: "isReady" }
-          ]
-        }
-      }
-    },
-    OK: {
-      type: "parallel",
-      invoke: [
-        {
-          id: "media",
-          src: "mediaLogic",
-          input: ({ context: e }) => ({ videoElement: e.videoElement, remuxerOptions: e.remuxerOptions })
-        },
-        {
-          id: "mediaSource",
-          src: "mediaSourceLogic",
-          input: ({ context: e }) => ({ videoElement: e.videoElement, remuxerOptions: e.remuxerOptions })
-        },
-        {
-          id: "dataSource",
-          src: "dataSourceLogic",
-          input: ({ context: e }) => ({ remuxerOptions: e.remuxerOptions })
-        },
-        {
-          id: "thumbnails",
-          src: "thumbnailsLogic",
-          input: ({ context: e }) => ({ remuxerOptions: e.remuxerOptions })
-        },
-        {
-          id: "subtitles",
-          src: "subtitlesLogic",
-          input: ({ context: e }) => ({
-            publicPath: e.remuxerOptions.publicPath,
-            videoElement: e.videoElement,
-            canvasElement: e.canvasElement,
-            subtitlesRendererOptions: e.subtitlesRendererOptions
-          })
-        }
-      ],
-      on: {
-        PLAY: { actions: G("media", ({ event: e }) => e) },
-        PAUSE: { actions: G("media", ({ event: e }) => e) },
-        SET_TIME: { actions: G("media", ({ event: e }) => e) },
-        SET_PLAYBACK_RATE: { actions: G("media", ({ event: e }) => e) },
-        PLAYING: { actions: z({ media: ({ context: e }) => ({ ...e.media, paused: !1 }) }) },
-        PAUSED: { actions: z({ media: ({ context: e }) => ({ ...e.media, paused: !0 }) }) },
-        ENDED: { actions: z({ media: ({ context: e }) => ({ ...e.media, paused: !0 }) }) },
-        TIME_UPDATE: { actions: [
-          z({ media: ({ context: e, event: t }) => ({ ...e.media, currentTime: t.currentTime }) }),
-          G("subtitles", ({ event: e }) => e)
-        ] },
-        VOLUME_UPDATE: { actions: z({ media: ({ context: e, event: t }) => ({ ...e.media, muted: t.muted, volume: t.volume }) }) },
-        SET_VOLUME: { actions: G("media", ({ event: e }) => e) },
-        PLAYBACK_RATE_UPDATE: { actions: z({ media: ({ context: e, event: t }) => ({ ...e.media, playbackRate: t.playbackRate }) }) },
-        DURATION_UPDATE: { actions: z({ media: ({ context: e, event: t }) => ({ ...e.media, duration: t.duration }) }) },
-        NEED_DATA: { actions: G("dataSource", ({ event: e }) => e) },
-        METADATA: { actions: G("mediaSource", ({ event: e }) => e) },
-        SEEKING: { actions: G("dataSource", ({ event: e }) => e) },
-        DATA: { actions: G("mediaSource", ({ event: e }) => e) },
-        TIMESTAMP_OFFSET: { actions: G("mediaSource", ({ event: e }) => e) },
-        NEW_THUMBNAIL: { actions: [z({ thumbnails: ({ context: e, event: t }) => [...e.thumbnails, t.thumbnail] })] },
-        DOWNLOADED_RANGES_UPDATED: { actions: G("thumbnails", ({ event: e }) => e) },
-        INDEXES: {
-          actions: [
-            z({ indexes: ({ event: e }) => e.indexes })
-          ]
-        },
-        NEW_ATTACHMENTS: {
-          actions: [
-            z({ attachments: ({ context: e, event: t }) => [...e.attachments, ...t.attachments] }),
-            G("subtitles", ({ event: e }) => e)
-          ]
-        },
-        NEW_SUBTITLE_FRAGMENTS: {
-          actions: [
-            z({ subtitleFragments: ({ context: e, event: t }) => [...e.subtitleFragments, ...t.subtitles] }),
-            G("subtitles", ({ event: e }) => e)
-            // emit(({ event }) => ({ type: 'NEW_SUBTITLE_FRAGMENTS', subtitles: event.subtitles }))
-          ]
-        },
-        SUBTITLE_STREAMS_UPDATED: {
-          actions: [
-            z({ subtitleStreams: ({ event: e }) => e.subtitlesStreams }),
-            G("subtitles", ({ event: e }) => e)
-          ]
-        },
-        SELECT_SUBTITLE_STREAM: {
-          actions: [
-            G("subtitles", ({ event: e }) => e)
-          ]
-        },
-        SELECTED_SUBTITLE_STREAM_UPDATED: {
-          actions: [
-            z({ selectedSubtitleStreamIndex: ({ event: e }) => e.streamIndex })
-          ]
-        },
-        DESTROY: { target: "WAITING" }
-      }
-    },
-    DESTROYED: {}
-  }
-}), N = Er(Vn), Re = vr({}), at = (e, t) => {
-  const [r, n] = J(() => localStorage.getItem(e) ?? t), o = (a) => {
-    localStorage.setItem(e, a), n(a), window.dispatchEvent(new Event("storage"));
-  };
-  return j(() => {
-    const a = () => {
-      const s = localStorage.getItem(e);
-      n(s ?? t);
-    };
-    return window.addEventListener("storage", a), () => {
-      window.removeEventListener("storage", a);
-    };
-  }, [e]), [r, o];
-}, nt = (e, t, r, n) => {
-  if (!e) throw new Error("Media actor not found");
-  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" });
-}, he = {
-  headings: {
-    small: `
-      font-weight: 500;
-      font-size: 1.8rem;
-      line-height: 1.9rem;
-      @media (min-width: 960px) {
-        font-size: 1.8rem;
-        line-height: 2.2rem;
-      }
-      @media (min-width: 2560px) {
-        font-size: 2.2rem;
-        line-height: 2.6rem;
-      }
-    `
-  },
-  bMedium: {
-    bold: `
-      font-weight: 600;
-      font-size: 1.2rem;
-      line-height: 1.7rem;
-      @media (min-width: 960px) {
-        font-size: 1.4rem;
-        line-height: 2rem;
-      }
-    `,
-    regular: `
-      font-weight: 400;
-      font-size: 1.2rem;
-      line-height: 1.7rem;
-      @media (min-width: 960px) {
-        font-size: 1.4rem;
-        line-height: 2rem;
-      }
-    `
-  },
-  bSmall: {
-    regular: `
-      font-weight: 400;
-      font-size: 1rem;
-      line-height: 1.4rem;
-      @media (min-width: 960px) {
-        font-size: 1.2rem;
-        line-height: 1.7rem;
-      }
-    `
-  }
-}, Wn = K`
-  top: unset !important;
-  left: unset !important;
-  width: 100%;
-  height: 100%;
-  margin: auto;
-  pointer-events: none;
-`, Bn = K`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  padding: 2.4rem;
-  ${he.headings.small}
-  color: white;
-  text-shadow: 0 0 4px rgba(0, 0, 0, 1);
-  z-index: 2;
-  pointer-events: none;
-
-  background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.1) 80%, transparent 100%);
-  transition: opacity 0.1s cubic-bezier(.4,0,1,1);
-`, Xn = 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 = N.useActorRef(), r = N.useSelector((c) => c.context.media.duration), n = Te(Re), [o, a] = J(), s = ot((c) => {
-    a(c);
-  }, []);
-  return j(() => {
-    o && t.send({
-      type: "SET_CANVAS_ELEMENT",
-      canvasElement: o
-    });
-  }, [o]), /* @__PURE__ */ $(lr, { children: [
-    n.title ? /* @__PURE__ */ E(
-      "div",
-      {
-        css: Bn,
-        style: { ...n.hideUI ? { opacity: "0", pointerEvents: "none" } : {} },
-        children: n.title
-      }
-    ) : void 0,
-    r === void 0 && e ? /* @__PURE__ */ E("div", { css: Xn, children: e }) : void 0,
-    /* @__PURE__ */ E("canvas", { ref: s, css: Wn })
-  ] });
-}, ur = 1e-4, yt = 1, dr = 2, fr = (e) => {
-  const t = Math.max(ur, Math.min(yt, e));
-  return Math.pow(t, dr);
-}, wt = (e) => {
-  const t = Math.max(ur, Math.min(yt, e));
-  return Math.pow(t, yt / dr);
-}, Hn = (e) => K`
-  display: flex;
-  justify-content: flex-end;
-
-  border-radius: 0.4rem;
-  user-select: none;
-
-  z-index: 3;
-
-  * {
-    ${he.bMedium.regular}
-  }
-
-  ${e === "sm" && K`
-    padding: 0.4rem!important;
-  `}
-  ${e === "md" && K`
-    padding: 0.6rem!important;
-  `}
-  ${e === "lg" && K`
-    padding: 1.2rem!important;
-  `}
-`, ye = ({
-  id: e,
-  toolTipText: t,
-  text: r,
-  delayShow: n = 0,
-  closeDelay: o = 0,
-  offset: a = 20,
-  tooltipPlace: s = "top",
-  disabled: c = !1,
-  size: u = "md"
-  /* md */
-}) => /* @__PURE__ */ $(lr, { children: [
-  /* @__PURE__ */ E(
-    "div",
-    {
-      "data-tooltip-id": e,
-      "data-open": !0,
-      "data-tooltip-offset": a,
-      "data-tooltip-delay-show": n,
-      "data-tooltip-delay-hide": o,
-      "data-tooltip-place": s,
-      children: r
-    }
-  ),
-  !c && /* @__PURE__ */ E(
-    Nr,
-    {
-      css: Hn(u),
-      id: e,
-      noArrow: !0,
-      children: t
-    }
-  )
-] }), qn = ({ ref: e, defaultValue: t }) => {
-  const [r, n] = J(t), [o, a] = J(!1), s = (c) => {
-    if (a(!0), !e.current) return;
-    const { clientX: u } = c, { left: h, right: p } = e.current.getBoundingClientRect();
-    n(Math.min(Math.max((u - h) / (p - h), 0), 1));
-  };
-  return j(() => {
-    if (!o) return;
-    const c = () => a(!1), u = (h) => {
-      if (!e.current) return;
-      const { clientX: p } = h, { left: g, right: b } = e.current.getBoundingClientRect();
-      n(Math.min(Math.max((p - g) / (b - g), 0), 1));
-    };
-    return document.addEventListener("mousemove", u), document.addEventListener("mouseup", c), () => {
-      document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", c);
-    };
-  }, [o]), {
-    value: r,
-    scrubbing: o,
-    scrub: s,
-    setValue: n
-  };
-}, Kn = K`
-  position: relative;
-  height: .4rem;
-
-  transition: transform .2s ease-in-out;
-
-  margin: 0 12px;
-  @media (min-width: 768px) {
-    margin: 0 16px;
-  }
-  @media (min-width: 2560px) {
-    margin: 0 24px;
-  }
-
-  user-select: none;
-  cursor: pointer;
-
-  :hover {
-    .background-bar {
-      transform: scaleY(1.5);
-    }
-    .loaded {
-      transform: scaleY(1.5);
-      top: -.1rem;
-    }
-    .play-container {
-      transform: scaleY(1.5);
-    }
-  }
-
-  .background-bar {
-    position: absolute;
-    inset: 0;
-    background-color: hsla(0, 100%, 100%, .2);
-  }
-
-  .cursor-time {
-    display: flex;
-    justify-content: center;
-
-    text-shadow: 0 0 4px rgba(0, 0, 0, 1);
-    ${he.bMedium.bold}
-
-    position: absolute;
-    top: -2.5rem;
-    width: 5rem;
-
-    margin-left: -2.5rem;
-    pointer-events: none;
-  }
-
-  .loaded {
-    transform-origin: 0 0;
-    position: absolute;
-    bottom: 0;
-    height: .4rem;
-    width: 100%;
-    .loaded-part {
-      transform-origin: 0 0;
-      bottom: 0;
-      height: .4rem;
-      width: 100%;
-      position: absolute;
-      background-color: hsla(0, 100%, 100%, .4);
-    }
-  }
-
-  .play-container {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: .4rem;
-  }
-
-  .play {
-    transform-origin: 0 0;
-    background-color: #f03;
-    position: absolute;
-    bottom: 0;
-    height: .4rem;
-    width: 100%;
-  }
-  
-  .padding {
-    position: absolute;
-    bottom: -7.5px;
-    height: 2rem;
-    width: 100%;
-  }
-
-  .thumbnail {
-    display: flex;
-    justify-content: center;
-
-    position: absolute;
-    top: -17.5rem;
-    height: calc(25rem * 9/16);
-    width: 25rem;
-
-    margin-left: -12.5rem;
-    pointer-events: none;
-
-    img {
-      border-radius: .4rem;
-      box-shadow: 0 0 1rem rgba(0, 0, 0, .5);
-
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-`, Jn = () => {
-  const e = N.useActorRef(), t = N.useSelector((d) => d.context.media.currentTime), r = N.useSelector((d) => d.context.media.duration), n = N.useSelector((d) => d.context.indexes), o = N.useSelector((d) => d.context.thumbnails), a = Te(Re), s = xe(null), { scrub: c, value: u } = qn({ ref: s }), [h, p] = J(void 0), g = (d) => {
-    const v = d.nativeEvent.offsetX / d.currentTarget.offsetWidth * (r ?? 0);
-    p(v);
-  }, b = () => {
-    s.current && p(void 0);
-  }, T = pe(
-    () => a.downloadedRanges?.map((d, m) => {
-      if (!a.size || !r) return null;
-      const v = n.filter((B) => d.startByteOffset <= B.pos && B.pos <= d.endByteOffset), S = v.at(0), f = v.at(-1);
-      if (!S || !f) return null;
-      const w = S.timestamp / r, C = f.timestamp / r, F = Number((C - w).toFixed(2)), U = w * 100;
-      return /* @__PURE__ */ E("div", { className: "loaded-part", style: { transform: `scaleX(${F})`, marginLeft: `${U}%` } }, m);
-    }) ?? [],
-    [r, n.length, a.downloadedRanges?.map(({ startByteOffset: d, endByteOffset: m }) => `${d}/${m}`).join(",")]
-  ), x = pe(() => {
-    if (!h || h < 0) return;
-    const d = Math.floor(h / 3600), m = Math.floor((h - d * 3600) / 60), v = Math.floor(h - d * 3600 - m * 60);
-    return `${d > 0 ? `${d}:` : ""}${m < 10 ? "0" : ""}${m}:${v < 10 ? "0" : ""}${v}`;
-  }, [h]);
-  j(() => {
-    if (!e || u === void 0 || !r) return;
-    const d = u * r;
-    e.send({ type: "SET_TIME", value: d });
-  }, [e, u, r]);
-  const y = pe(() => typeof r != "number" || typeof t != "number" ? 0 : 1 / ((r ?? 0) / (t ?? 0)), [r, t]), l = pe(() => {
-    if (!(!o.length || !h))
-      return o.find(
-        ({ timestamp: d, duration: m }) => d <= h && h <= d + m
-      );
-  }, [o.length, h]);
-  return /* @__PURE__ */ $(
-    "div",
-    {
-      css: Kn,
-      ref: s,
-      className: "progress-bar",
-      onMouseMove: g,
-      onMouseOut: b,
-      children: [
-        /* @__PURE__ */ E("div", { className: "background-bar" }),
-        h ? /* @__PURE__ */ E(
-          "div",
-          {
-            className: "cursor-time",
-            style: { left: `clamp(1.8rem, ${1 / ((r ?? 0) / (h ?? 1)) * 100}%, calc(100% - 1.8rem))` },
-            children: x
-          }
-        ) : void 0,
-        /* @__PURE__ */ E("div", { className: "progress" }),
-        /* @__PURE__ */ E("div", { className: "loaded", children: T }),
-        /* @__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 / ((r ?? 0) / (h ?? 1)) * 100}%, calc(100% - 12.5rem))` },
-            children: l ? /* @__PURE__ */ E("img", { src: l.url }) : void 0
-          }
-        )
-      ]
-    }
-  );
-}, Gt = (e) => {
-  if (e === void 0) return "0:00";
-  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}`;
-}, Zn = (e, t) => `${Gt(e)} / ${Gt(t)}`, Qn = "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", eo = K`
-display: flex;
-align-items: center;
-justify-content: center;
-flex-direction: column;
-width: 100%;
-
-.playback-slider {
-  display: flex;
-  align-items: center;
-
-  padding: 8px 4px;
-  margin: 0 2px;
-
-  cursor: pointer;
-
-  > div {
-    position: relative;
-
-    background: #ccc;
-    border-radius: 4px;
-
-    width: 120px;
-    height: 3px;
-    @media (min-width: 768px) {
-      height: 4px;
-    }
-  }
-
-  .playback-handle {
-    position: absolute;
-
-
-    background: #ffffff;
-    border-radius: 50%;
-    transform: translateX(-50%);
-    pointer-events: none; 
-
-    width: 10px;
-    height: 10px;
-    top: -3.5px;
-    @media (min-width: 768px) {
-      width: 12px;
-      height: 12px;
-      top: -4px;
-    }
-  }
-}
-`, to = () => {
-  const e = N.useSelector((v) => v.context.media.playbackRate), t = N.useActorRef(), r = xe(null), [n, o] = J(!1), a = 0.25, s = 3, c = s - a, u = (v, S = 0.05) => Math.round(v / S) * S, h = u(e || 1), p = (v) => (v - a) / c * 100, g = (v) => {
-    if (!r.current) return h;
-    const S = r.current.getBoundingClientRect(), f = v - S.left, w = Math.max(0, Math.min(f, S.width)) / S.width, C = a + w * c;
-    return u(C);
-  }, b = (v) => {
-    o(!0);
-    const S = g(v.clientX);
-    t.send({ type: "SET_PLAYBACK_RATE", playbackRate: S });
-  }, T = (v) => {
-    if (!n) return;
-    const S = g(v.clientX);
-    t.send({ type: "SET_PLAYBACK_RATE", playbackRate: S });
-  }, x = () => {
-    o(!1);
-  }, y = (v) => {
-    v.preventDefault();
-    const S = 0.05;
-    let f = h;
-    v.deltaY < 0 ? f = Math.min(s, f + S) : f = Math.max(a, f - S), t.send({ type: "SET_PLAYBACK_RATE", playbackRate: f });
-  };
-  j(() => (window.addEventListener("mousemove", T), window.addEventListener("mouseup", x), () => {
-    window.removeEventListener("mousemove", T), window.removeEventListener("mouseup", x);
-  }), [n]), j(() => {
-    const v = r.current;
-    return v && v.addEventListener("wheel", y, { passive: !1 }), () => {
-      v && v.removeEventListener("wheel", y);
-    };
-  }, [e]);
-  const l = p(h);
-  return /* @__PURE__ */ $("div", { css: eo, children: [
-    /* @__PURE__ */ $("div", { children: [
-      h.toFixed(2),
-      "x"
-    ] }),
-    /* @__PURE__ */ E(
-      "div",
-      {
-        className: "playback-slider",
-        ref: r,
-        onMouseDown: b,
-        children: /* @__PURE__ */ E(
-          "div",
-          {
-            style: {
-              background: `linear-gradient(to right, 
-              #fff 0% ${l}%, 
-              #3A3A3A ${l}% 100%
-            )`
-            },
-            children: /* @__PURE__ */ E(
-              "div",
-              {
-                className: "playback-handle",
-                style: {
-                  left: `${l}%`
-                }
-              }
-            )
-          }
-        )
-      }
-    )
-  ] });
-}, ro = K`
-position: relative;
-
-.popover {
-  position: absolute;
-  right: 50%;
-  transform: translateX(50%);
-
-  overflow-y: auto;
-  width: 180px;
-  height: 160px;
-  top: -180px;
-  @media (min-width: 768px) {
-    width: 250px;
-    height: 160px;
-  }
-
-  display: flex;
-  flex-direction: column;
-
-  border-radius: 8px;
-  background-color: rgba(28,28,28,0.95);
-  ${he.bMedium.regular}
-
-  z-index: 4;
-
-  > div {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    color: #fff;
-    outline: none;
-
-    padding: 8px 6px 8px 12px;
-
-    width: 100%;
-
-    :first-of-type {
-      border-radius: 8px 8px 0 0;
-    }
-    :last-of-type {
-      border-radius: 0 0 8px 8px;
-    }
-    :not(&.no-hover) {
-      cursor: pointer;
-    }
-    :not(&.no-hover):hover {
-      background-color: rgba(255,255,255,.1);
-    }
-
-    > div {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .secondary {
-        color: #eee;
-        ${he.bSmall.regular}
-      }
-    }
-  }
-
-  .back {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    border-bottom: 1px solid #4D4D4E;
-
-    svg {
-      transform: translateX(-4px);
-      transition: transform 0.2s ease-in-out;
-    }
-
-    :hover {
-      svg {
-        transform: translateX(-8px);
-      }
-    }
-  }
-}
-
-.playback-rate {
-  .slider {
-    width: 100%;
-  }
-  .options {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr;
-    align-items: center;
-    
-    padding: 8px 12px;
-
-    > div {
-      display: flex;
-      align-items: center;
-      border-radius: 4px;
-
-      padding: 8px 6px;
-      height: 100%;
-
-      cursor: pointer;
-      :hover {
-        background-color: rgba(255,255,255,.1);
-      }
-    }
-  }
-}
-
-.subtitle {
-  .description {
-    word-break: break-word;
-  }
-}
-`, no = () => {
-  const e = N.useActorRef(), t = N.useSelector((l) => l.context.media.playbackRate), r = N.useSelector((l) => l.context.subtitleStreams), n = N.useSelector((l) => l.context.selectedSubtitleStreamIndex), [o, a] = at("hideMediaStats", "false"), [s, c] = J(!1), [u, h] = J(
-    0
-    /* Default */
-  ), p = xe(null), g = () => {
-    c(!s), h(
-      0
-      /* Default */
-    );
-  }, b = (l) => {
-    e.send({ type: "SET_PLAYBACK_RATE", playbackRate: l }), h(
-      0
-      /* Default */
-    );
-  };
-  j(() => {
-    const l = (d) => {
-      s && p.current && !p.current.contains(d.target) && g();
-    };
-    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
-  }, [s]);
-  const T = pe(
-    () => r.map(({ header: l }) => ({ streamIndex: l.streamIndex, language: l.parsed.info.Title })),
-    [r.length]
-  ), x = (l) => () => {
-    e.send({ type: "SELECT_SUBTITLE_STREAM", streamIndex: l.streamIndex }), g();
-  }, y = (l) => () => {
-    h(l);
-  };
-  return /* @__PURE__ */ $("div", { css: ro, ref: p, children: [
-    /* @__PURE__ */ E(
-      ye,
-      {
-        id: "settings",
-        disabled: s,
-        text: /* @__PURE__ */ E(
-          "button",
-          {
-            className: "settings",
-            type: "button",
-            onClick: g,
-            children: /* @__PURE__ */ E(xr, {})
-          }
-        ),
-        toolTipText: /* @__PURE__ */ E("span", { children: "Settings" })
-      }
-    ),
-    s && u === 0 && /* @__PURE__ */ $("div", { className: "popover menu", children: [
-      /* @__PURE__ */ $("div", { onClick: y(
-        2
-        /* Advanced */
-      ), children: [
-        /* @__PURE__ */ E("span", { children: "Advanced" }),
-        /* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(pt, {}) })
-      ] }),
-      /* @__PURE__ */ $("div", { onClick: y(
-        4
-        /* Subtitles */
-      ), children: [
-        /* @__PURE__ */ E("div", { children: "Subtitles" }),
-        /* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(pt, {}) })
-      ] }),
-      /* @__PURE__ */ $("div", { onClick: y(
-        1
-        /* PlaybackRate */
-      ), children: [
-        /* @__PURE__ */ E("div", { children: "Playback speed" }),
-        /* @__PURE__ */ $("div", { children: [
-          /* @__PURE__ */ E("span", { className: "secondary", children: t === 1 ? "(Default)" : t.toFixed(2) }),
-          /* @__PURE__ */ E(pt, {})
-        ] })
-      ] })
-    ] }),
-    s && u === 1 && /* @__PURE__ */ $("div", { className: "popover playback-rate", children: [
-      /* @__PURE__ */ $("div", { className: "back", onClick: y(
-        0
-        /* Default */
-      ), children: [
-        /* @__PURE__ */ E(Ke, {}),
-        /* @__PURE__ */ E("span", { children: "Plackback speed" })
-      ] }),
-      /* @__PURE__ */ E("div", { className: "slider no-hover", children: /* @__PURE__ */ E(to, {}) }),
-      /* @__PURE__ */ $("div", { className: "options no-hover", children: [
-        /* @__PURE__ */ E("div", { onClick: () => b(0.5), children: "0.5x" }),
-        /* @__PURE__ */ E("div", { onClick: () => b(1), children: "1x" }),
-        /* @__PURE__ */ E("div", { onClick: () => b(1.5), children: "1.5x" }),
-        /* @__PURE__ */ E("div", { onClick: () => b(2), children: "2x" })
-      ] })
-    ] }),
-    s && u === 2 && /* @__PURE__ */ $("div", { className: "popover advanced", children: [
-      /* @__PURE__ */ $("div", { className: "back", onClick: y(
-        0
-        /* Default */
-      ), children: [
-        /* @__PURE__ */ E(Ke, {}),
-        /* @__PURE__ */ E("span", { children: "Advanced" })
-      ] }),
-      /* @__PURE__ */ $("div", { onClick: () => a(o === "true" ? "false" : "true"), children: [
-        /* @__PURE__ */ E("span", { children: "Hide stats" }),
-        /* @__PURE__ */ E("span", { children: o === "true" ? "✓" : "" })
-      ] })
-    ] }),
-    s && u === 3 && /* @__PURE__ */ E("div", { className: "popover sources", children: /* @__PURE__ */ $("div", { className: "back", onClick: y(
-      0
-      /* Default */
-    ), children: [
-      /* @__PURE__ */ E(Ke, {}),
-      /* @__PURE__ */ E("span", { children: "Select new sources" })
-    ] }) }),
-    s && u === 4 && /* @__PURE__ */ $("div", { className: "popover subtitle", children: [
-      /* @__PURE__ */ $("div", { className: "back", onClick: y(
-        0
-        /* Default */
-      ), children: [
-        /* @__PURE__ */ E(Ke, {}),
-        /* @__PURE__ */ E("span", { children: "Subtitles" })
-      ] }),
-      /* @__PURE__ */ $("div", { onClick: x({ streamIndex: void 0 }), children: [
-        /* @__PURE__ */ E("span", { children: "Disable" }),
-        /* @__PURE__ */ E("span", { children: n === void 0 ? "✓" : "" })
-      ] }),
-      T.map((l) => /* @__PURE__ */ $(
-        "div",
-        {
-          onClick: x(l),
-          className: "description",
-          children: [
-            /* @__PURE__ */ E("span", { children: l.language }),
-            /* @__PURE__ */ E("span", { children: n === l.streamIndex ? "✓" : "" })
-          ]
-        },
-        l.streamIndex
-      ))
-    ] })
-  ] });
-}, oo = {
-  hover: "rgba(255, 255, 255, 0.13)"
-}, io = K`
-  display: flex;
-  align-items: center;
-
-  padding: 16px 4px;
-  margin: 0 2px;
-
-  cursor: pointer;
-
-  > div {
-    position: relative;
-
-    background: #ccc;
-    border-radius: 4px;
-
-    width: 80px;
-    height: 3px;
-  }
-
-  .volume-handle {
-    position: absolute;
-    top: -3.5px;
-
-    background: #ffffff;
-    border-radius: 50%;
-    transform: translateX(-50%);
-    pointer-events: none; 
-
-    width: 10px;
-    height: 10px;
-  }
-`, ao = ({ value: e, onChange: t }) => {
-  const r = N.useSelector((l) => l.context.media.volume), n = N.useSelector((l) => l.context.media.muted), o = xe(null), [a, s] = J(!1), c = (l) => {
-    if (!o.current) return e;
-    const d = o.current.getBoundingClientRect(), m = l - d.left;
-    return Math.max(0, Math.min(m, d.width)) / d.width;
-  }, u = (l) => {
-    s(!0);
-    const d = c(l.clientX);
-    t(d);
-  }, h = (l) => {
-    if (!a) return;
-    const d = c(l.clientX);
-    t(d);
-  }, p = () => {
-    s(!1);
-  }, g = (l) => {
-    l.preventDefault();
-    const d = 0.05;
-    let m = e;
-    l.deltaY < 0 ? m = Math.min(1, m + d) : m = Math.max(0, m - d), t(m);
-  };
-  j(() => (window.addEventListener("mousemove", h), window.addEventListener("mouseup", p), () => {
-    window.removeEventListener("mousemove", h), window.removeEventListener("mouseup", p);
-  }), [a]), j(() => {
-    const l = o.current;
-    return l && l.addEventListener("wheel", g, { passive: !1 }), () => {
-      l && l.removeEventListener("wheel", g);
-    };
-  }, [e]);
-  const b = e * 100, T = "#fff", x = "#3A3A3A", y = pe(
-    () => Math.round(n ? 0 : wt(r) * 100),
-    [r]
-  );
-  return /* @__PURE__ */ E(
-    ye,
-    {
-      id: "volume-slider",
-      text: /* @__PURE__ */ E(
-        "div",
-        {
-          ref: o,
-          css: io,
-          onMouseDown: u,
-          children: /* @__PURE__ */ E(
-            "div",
-            {
-              style: {
-                background: `linear-gradient(to right, 
-                ${T} 0% ${b}%, 
-                ${x} ${b}% 100%
-              )`
-              },
-              children: /* @__PURE__ */ E(
-                "div",
-                {
-                  className: "volume-handle",
-                  style: {
-                    left: `${e * 100}%`
-                  }
-                }
-              )
-            }
-          )
-        }
-      ),
-      toolTipText: /* @__PURE__ */ $("div", { className: "volume-value", children: [
-        y,
-        "%"
-      ] })
-    }
-  );
-}, so = K`
-  position: relative;
-  display: flex;
-  align-items: center;
-
-  .volume-slider-container {
-    display: flex;
-    align-items: center;
-
-    width: 0;
-    margin-right: 0;
-    overflow: hidden;
-    pointer-events: none;
-
-    transition: margin .2s cubic-bezier(0.4,0,1,1), width .2s cubic-bezier(0.4,0,1,1);
-    -webkit-transition: margin .2s cubic-bezier(0.4,0,1,1), width .2s cubic-bezier(0.4,0,1,1);
-
-    .volume-slider-background {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-
-      border-radius: 4px;
-
-      .volume-value {
-        ${he.bMedium.regular};
-        color: #ffffff;
-      }
-    }
-  }
-
-  &:hover .volume-slider-container {
-    width: 9rem;
-
-    transition: margin .2s cubic-bezier(0,0,0.2,1), width .2s cubic-bezier(0,0,0.2,1);
-    -webkit-transition: margin .2s cubic-bezier(0,0,0.2,1), width .2s cubic-bezier(0,0,0.2,1);
-
-    pointer-events: auto;
-  }
-`, co = ({ ref: e }) => {
-  const t = N.useActorRef(), r = N.useSelector((s) => s.context.media.volume), n = N.useSelector((s) => s.context.media.muted), o = pe(() => wt(r), [r]), a = (s, c) => t.send({
-    type: "SET_VOLUME",
-    muted: c,
-    volume: fr(s)
-  });
-  return /* @__PURE__ */ $("div", { css: so, children: [
-    /* @__PURE__ */ E(
-      ye,
-      {
-        id: "sound",
-        text: /* @__PURE__ */ E(
-          "button",
-          {
-            className: "sound",
-            type: "button",
-            onClick: () => a(o, !n),
-            ref: e,
-            children: n || r === 0 ? /* @__PURE__ */ E(Sr, { size: 18, color: "#fff" }) : r <= 0.5 ? /* @__PURE__ */ E(Tr, { size: 18, color: "#fff" }) : /* @__PURE__ */ E(wr, { size: 18, color: "#fff" })
-          }
-        ),
-        toolTipText: /* @__PURE__ */ E("span", { children: n ? "Unmute (m)" : "Mute (m)" })
-      }
-    ),
-    /* @__PURE__ */ E("div", { className: "volume-slider-container", children: /* @__PURE__ */ E("div", { className: "volume-slider-background", children: /* @__PURE__ */ E(
-      ao,
-      {
-        value: n ? 0 : o,
-        onChange: (s) => a(s, !1)
-      }
-    ) }) })
-  ] });
-}, lo = K`
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-
-  background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.45) 20%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.15) 70%, transparent 100%);
-  transition: opacity 0.1s cubic-bezier(.4,0,1,1);
-
-  .actions {
-    display: flex;
-    justify-content: space-between;
-
-    padding: 6px 12px;
-    @media (min-width: 768px) {
-      padding: 8px 16px;
-    }
-    @media (min-width: 2560px) {
-      padding: 8px 24px;
-    }
-
-    .left, .right {
-      display: flex;
-      align-items: center;
-
-      button {
-        display: flex;
-        align-items: center;
-
-        outline: none;
-        border: none;
-        background: none;
-
-        svg {
-          width: 18px;
-          height: 18px;
-          @media (min-width: 768px) {
-            width: 24px;
-            height: 24px;
-          }
-          @media (min-width: 2560px) {
-            width: 28px;
-            height: 28px;
-          }
-        }
-
-        svg {
-          stroke: #fff;
-        }
-      }
-
-      // Add basic styling for all the actions
-      .play, .sound, .time, .settings, .picture-in-picture, .full-screen {
-        display: flex;
-        align-items: center;
-
-        height: 100%;
-
-        border-radius: 4px;
-        user-select: none;
-
-        padding: 8px;
-        @media (min-width: 768px) {
-          padding: 8px 12px;
-        }
-        @media (min-width: 2560px) {
-          padding: 8px 12px;
-        }
-      }
-
-      // Add styling to the actions that have some interactivity
-      .play, .sound, .settings, .picture-in-picture, .full-screen {
-        border-radius: 4px;
-
-        padding: 8px;
-        @media (min-width: 768px) {
-          padding: 8px 12px;
-        }
-        @media (min-width: 2560px) {
-          padding: 8px 12px;
-        }
-
-        cursor: pointer;
-
-        :hover {
-          background-color: ${oo.hover};
-        }
-      }
-    }
-
-    .left {
-      .time {
-        ${he.bMedium.regular}
-        text-shadow: 0 0 4px rgba(0, 0, 0, 1);
-      }
-    }
-    .right {
-      .picture-in-picture {
-        img {
-          width: 22px;
-          height: 22px;
-          @media (min-width: 768px) {
-            width: 28px;
-            height: 28px;
-          }
-          @media (min-width: 2560px) {
-            width: 32px;
-            height: 32px;
-          }
-        }
-      }
-    }
-  }
-`, uo = ({ mediaInformation: e, containerRef: t }) => {
-  const r = N.useActorRef(), n = Te(Re), o = N.useSelector((m) => m.context.media.paused), a = N.useSelector((m) => m.context.media.volume), s = N.useSelector((m) => m.context.media.muted), c = N.useSelector((m) => m.context.media.currentTime), u = N.useSelector((m) => m.context.media.duration), [h, p] = J(), [g, b] = at("hideMediaStats", "false"), [T, x] = J(!1);
-  j(() => {
-    const m = () => {
-      x(!!document.fullscreenElement);
-    };
-    return document.addEventListener("fullscreenchange", m), () => {
-      document.removeEventListener("fullscreenchange", m);
-    };
-  }, []);
-  const y = () => {
-    document.fullscreenElement ? document.exitFullscreen() : t.current && t.current.requestFullscreen();
-  }, l = ot(({ direction: m, stepSize: v }) => {
-    if (!r) return;
-    const S = wt(a), f = m === "up" ? v : -v, w = Math.max(0, Math.min(1, S + f)), C = fr(w);
-    r.send({
-      type: "SET_VOLUME",
-      muted: s,
-      volume: C
-    });
-  }, [r.id, s, a]);
-  j(() => {
-    const m = (v) => {
-      let S = !0;
-      if (v.key === "f") y();
-      else if (v.key === "k") nt(r, o, u, c);
-      else if (v.key === " ") nt(r, o, u, c);
-      else if (v.key === "m")
-        r.send({ type: "SET_VOLUME", muted: !s, volume: a });
-      else if (v.key === "ArrowUp")
-        l({ direction: "up", stepSize: 0.05 });
-      else if (v.key === "ArrowDown")
-        l({ direction: "down", stepSize: 0.05 });
-      else if (v.key === "ArrowRight") {
-        if (!u) return;
-        c + 5 >= u ? r.send({ type: "SET_TIME", value: u }) : r.send({ type: "SET_TIME", value: c + 5 });
-      } else v.key === "ArrowLeft" ? c - 5 < 0 ? r.send({ type: "SET_TIME", value: 0 }) : r.send({ type: "SET_TIME", value: c - 5 }) : S = !1;
-      S && v.preventDefault();
-    };
-    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [r, a, s, o, c, u]);
-  const d = ot((m) => {
-    m.preventDefault(), m.deltaY < 0 ? l({ direction: "up", stepSize: 0.05 }) : l({ direction: "down", stepSize: 0.05 });
-  }, [l]);
-  return j(() => {
-    if (h)
-      return h.addEventListener("wheel", d, { passive: !1 }), () => h.removeEventListener("wheel", d);
-  }, [h, l]), /* @__PURE__ */ $("div", { css: lo, style: { ...n.hideUI ? { opacity: "0", pointerEvents: "none" } : {} }, children: [
-    /* @__PURE__ */ E(Jn, {}),
-    /* @__PURE__ */ $("div", { className: "actions", children: [
-      /* @__PURE__ */ $("div", { className: "left", children: [
-        /* @__PURE__ */ E(
-          ye,
-          {
-            id: "play",
-            tooltipPlace: "top-start",
-            text: /* @__PURE__ */ E(
-              "button",
-              {
-                className: "play",
-                type: "button",
-                onClick: () => nt(r, o, u, c),
-                children: u === c ? /* @__PURE__ */ E(Rr, {}) : o ? /* @__PURE__ */ E(Ar, {}) : /* @__PURE__ */ E(_r, {})
-              }
-            ),
-            toolTipText: /* @__PURE__ */ E("span", { children: u === c ? "Replay (k)" : o ? "Play (k)" : "Pause (k)" })
-          }
-        ),
-        /* @__PURE__ */ E(co, { ref: p }),
-        /* @__PURE__ */ E("div", { className: "time", children: Zn(c, u) })
-      ] }),
-      /* @__PURE__ */ $("div", { className: "right", children: [
-        g !== "true" ? e : null,
-        /* @__PURE__ */ E(no, {}),
-        /* @__PURE__ */ E(
-          ye,
-          {
-            id: "picture-in-picture",
-            text: /* @__PURE__ */ E(
-              "button",
-              {
-                className: "picture-in-picture",
-                type: "button",
-                children: /* @__PURE__ */ E("img", { src: Qn })
-              }
-            ),
-            toolTipText: /* @__PURE__ */ E("span", { children: "Picture in picture" })
-          }
-        ),
-        /* @__PURE__ */ E(
-          ye,
-          {
-            id: "full-screen",
-            tooltipPlace: "top-end",
-            text: /* @__PURE__ */ E(
-              "button",
-              {
-                className: "full-screen",
-                type: "button",
-                onClick: y,
-                children: T ? /* @__PURE__ */ E(Cr, {}) : /* @__PURE__ */ E(Pr, {})
-              }
-            ),
-            toolTipText: /* @__PURE__ */ E("span", { children: T ? "Exit full screen (f)" : "Full screen (f)" })
-          }
-        )
-      ] })
-    ] })
-  ] });
-}, fo = 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;
-    z-index: 2;
-  }
-
-  canvas {
-    height: 100%;
-    width: 100%;
-    pointer-events: none;
-    position: absolute;
-    z-index: 1;
-  }
-
-  .video, video {
-    height: 100%;
-    width: 100%;
-    background-color: black;
-    object-fit: contain;
-  }
-
-  &.hide {
-    cursor: none;
-  }
-`, mo = ({ children: e, mediaInformation: t, loadingInformation: r }) => {
-  const n = N.useActorRef(), o = Te(Re), a = N.useSelector((b) => b.context.media.paused), s = N.useSelector((b) => b.context.media.currentTime), c = N.useSelector((b) => b.context.media.duration), u = xe(), h = xe(null);
-  return /* @__PURE__ */ $(
-    "div",
-    {
-      css: fo,
-      ref: h,
-      onMouseMove: (b) => {
-        o.update({ ...o, hideUI: !1 }), u.current && clearInterval(u.current);
-        const T = setTimeout(() => {
-          o.update({ ...o, hideUI: !0 });
-        }, 3e3);
-        u.current = T;
-      },
-      onMouseOut: (b) => {
-        b.currentTarget.parentElement !== b.relatedTarget && b.relatedTarget !== null || o.update({ ...o, hideUI: !0 });
-      },
-      className: o.hideUI ? "hide" : "",
-      children: [
-        /* @__PURE__ */ E(Gn, { loadingInformation: r }),
-        /* @__PURE__ */ E(uo, { mediaInformation: t, containerRef: h }),
-        /* @__PURE__ */ E(
-          "div",
-          {
-            className: "video",
-            onClick: () => nt(n, a, c, s),
-            children: e
-          }
-        )
-      ]
-    }
-  );
-}, po = 25e5, ho = K`
-  display: flex;
-  justify-content: center;
-  background-color: #111;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-`, vo = ({ options: e, videoElement: t, children: r }) => {
-  const n = Te(Re), o = N.useActorRef(), a = N.useSelector((l) => l.value), s = N.useSelector((l) => l.context.media.volume), c = N.useSelector((l) => l.context.media.muted), u = N.useSelector((l) => l.context.isReady), h = N.useSelector((l) => l.context.media.duration), [p, g] = at("mediaVolume", "1"), [b, T] = at("mediaMute", "false"), [x, y] = J(!0);
-  return j(() => {
-    o.send({
-      type: "MEDIA_SOURCE_OPTIONS",
-      mediaSourceOptions: {}
-    });
-  }, []), j(() => {
-    !e.autoplay || h === void 0 || o.send({ type: "PLAY" });
-  }, [h, e.autoplay]), j(
-    () => {
-      !o || !u || !n.downloadedRanges || o.send({
-        type: "DOWNLOADED_RANGES_UPDATED",
-        downloadedRanges: n.downloadedRanges
-      });
-    },
-    [
-      o,
-      u,
-      (n.downloadedRanges?.map((l) => `${l.startByteOffset}-${l.endByteOffset}`) ?? []).join(",")
-    ]
-  ), j(() => {
-    const { size: l, read: d, publicPath: m, libavWorkerUrl: v, jassubWasmUrl: S } = e;
-    !d || !l || !m || !v || !S || o.send({
-      type: "REMUXER_OPTIONS",
-      remuxerOptions: {
-        publicPath: m,
-        workerUrl: v,
-        bufferSize: e.bufferSize ?? po,
-        length: l,
-        read: d
-      }
-    });
-  }, [e.read, e.size, e.publicPath, e.libavWorkerUrl, e.bufferSize]), j(() => {
-    const { jassubWorkerUrl: l, jassubWasmUrl: d, jassubModernWasmUrl: m } = e;
-    !l || !d || !m || o.send({
-      type: "SUBTITLES_RENDERER_OPTIONS",
-      subtitlesRendererOptions: {
-        workerUrl: l,
-        wasmUrl: d,
-        modernWasmUrl: m
-      }
-    });
-  }, [e.publicPath, e.jassubWorkerUrl, e.jassubWasmUrl]), j(() => {
-    t && o.send({
-      type: "SET_VIDEO_ELEMENT",
-      videoElement: t
-    });
-  }, [t]), j(() => {
-    u && (x ? (o.send({
-      type: "SET_VOLUME",
-      muted: b === "true",
-      volume: isNaN(Number(p)) ? 1 : Number(p)
-    }), y(!1)) : (g(s.toString()), T(c ? "true" : "false")));
-  }, [u, s, c, x]), j(() => {
-    if (a === "OK")
-      return () => {
-        o.send({ type: "DESTROY" });
-      };
-  }, [a]), /* @__PURE__ */ E("div", { css: ho, children: /* @__PURE__ */ E(mo, { mediaInformation: e.mediaInformation, loadingInformation: e.loadingInformation, children: r }) });
-}, _o = ({ ref: e, ...t }) => {
-  const r = (u) => o({ ...u, update: r }), [n, o] = J({ update: r }), [a, s] = J(), c = ot((u) => {
-    typeof e == "function" ? e(u) : e && "current" in e && (e.current = u), s(u ?? void 0);
-  }, []);
-  return j(() => {
-    o((u) => ({
-      ...u,
-      videoElement: a,
-      title: t?.title,
-      size: t?.size,
-      downloadedRanges: t?.downloadedRanges
-    }));
-  }, [a, t?.title, t?.size, t?.downloadedRanges]), /* @__PURE__ */ E(Re.Provider, { value: n, children: /* @__PURE__ */ E(N.Provider, { children: /* @__PURE__ */ E(vo, { options: t, videoElement: a, children: /* @__PURE__ */ E("video", { ref: c, controls: !1 }) }) }) });
-};
-export {
-  vo as FKNVideoRoot,
-  _o as default
-};