@banou/media-player 0.0.0

package/build/index.js

@@ -0,0 +1,2725 @@
+import * as ot from "react";
+import Ct, { createContext as Rt, forwardRef as Tt, useContext as Pt, createElement as Ur, Fragment as Kt, useState as G, useEffect as ve, useRef as qe, useMemo as Wr } from "react";
+import { css as Mr } from "@emotion/react";
+import { createFile as qt } from "mp4box";
+import { SEEK_WHENCE_FLAG as Rr, makeTransmuxer as Gt } from "libav-wasm";
+import Ht from "jassub";
+import rr from "react-tooltip";
+import { VolumeX as it, Volume2 as Jt, Volume1 as Zt, Volume as Xt, AlertTriangle as Qt } from "react-feather";
+import st from "p-queue";
+function en(e) {
+  if (e.sheet)
+    return e.sheet;
+  for (var r = 0; r < document.styleSheets.length; r++)
+    if (document.styleSheets[r].ownerNode === e)
+      return document.styleSheets[r];
+}
+function rn(e) {
+  var r = document.createElement("style");
+  return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
+}
+var tn = /* @__PURE__ */ function() {
+  function e(n) {
+    var a = this;
+    this._insertTag = function(o) {
+      var i;
+      a.tags.length === 0 ? a.insertionPoint ? i = a.insertionPoint.nextSibling : a.prepend ? i = a.container.firstChild : i = a.before : i = a.tags[a.tags.length - 1].nextSibling, a.container.insertBefore(o, i), a.tags.push(o);
+    }, this.isSpeedy = n.speedy === void 0 ? process.env.NODE_ENV === "production" : n.speedy, this.tags = [], this.ctr = 0, this.nonce = n.nonce, this.key = n.key, this.container = n.container, this.prepend = n.prepend, this.insertionPoint = n.insertionPoint, this.before = null;
+  }
+  var r = e.prototype;
+  return r.hydrate = function(a) {
+    a.forEach(this._insertTag);
+  }, r.insert = function(a) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(rn(this));
+    var o = this.tags[this.tags.length - 1];
+    if (process.env.NODE_ENV !== "production") {
+      var i = a.charCodeAt(0) === 64 && a.charCodeAt(1) === 105;
+      i && this._alreadyInsertedOrderInsensitiveRule && console.error(`You're attempting to insert the following rule:
+` + a + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."), this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !i;
+    }
+    if (this.isSpeedy) {
+      var u = en(o);
+      try {
+        u.insertRule(a, u.cssRules.length);
+      } catch (f) {
+        process.env.NODE_ENV !== "production" && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(a) && console.error('There was a problem inserting the following rule: "' + a + '"', f);
+      }
+    } else
+      o.appendChild(document.createTextNode(a));
+    this.ctr++;
+  }, r.flush = function() {
+    this.tags.forEach(function(a) {
+      return a.parentNode && a.parentNode.removeChild(a);
+    }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
+  }, e;
+}(), le = "-ms-", $r = "-moz-", M = "-webkit-", Zr = "comm", Xr = "rule", Qr = "decl", nn = "@import", Ot = "@keyframes", an = Math.abs, Dr = String.fromCharCode, on = Object.assign;
+function sn(e, r) {
+  return ie(e, 0) ^ 45 ? (((r << 2 ^ ie(e, 0)) << 2 ^ ie(e, 1)) << 2 ^ ie(e, 2)) << 2 ^ ie(e, 3) : 0;
+}
+function At(e) {
+  return e.trim();
+}
+function cn(e, r) {
+  return (e = r.exec(e)) ? e[0] : e;
+}
+function V(e, r, n) {
+  return e.replace(r, n);
+}
+function Kr(e, r) {
+  return e.indexOf(r);
+}
+function ie(e, r) {
+  return e.charCodeAt(r) | 0;
+}
+function br(e, r, n) {
+  return e.slice(r, n);
+}
+function Ie(e) {
+  return e.length;
+}
+function et(e) {
+  return e.length;
+}
+function Tr(e, r) {
+  return r.push(e), e;
+}
+function ln(e, r) {
+  return e.map(r).join("");
+}
+var Fr = 1, or = 1, It = 0, be = 0, re = 0, ir = "";
+function jr(e, r, n, a, o, i, u) {
+  return { value: e, root: r, parent: n, type: a, props: o, children: i, line: Fr, column: or, length: u, return: "" };
+}
+function pr(e, r) {
+  return on(jr("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+}
+function un() {
+  return re;
+}
+function fn() {
+  return re = be > 0 ? ie(ir, --be) : 0, or--, re === 10 && (or = 1, Fr--), re;
+}
+function we() {
+  return re = be < It ? ie(ir, be++) : 0, or++, re === 10 && (or = 1, Fr++), re;
+}
+function $e() {
+  return ie(ir, be);
+}
+function Or() {
+  return be;
+}
+function Nr(e, r) {
+  return br(ir, e, r);
+}
+function yr(e) {
+  switch (e) {
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    case 58:
+      return 3;
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function $t(e) {
+  return Fr = or = 1, It = Ie(ir = e), be = 0, [];
+}
+function Lt(e) {
+  return ir = "", e;
+}
+function Ar(e) {
+  return At(Nr(be - 1, qr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function dn(e) {
+  for (; (re = $e()) && re < 33; )
+    we();
+  return yr(e) > 2 || yr(re) > 3 ? "" : " ";
+}
+function mn(e, r) {
+  for (; --r && we() && !(re < 48 || re > 102 || re > 57 && re < 65 || re > 70 && re < 97); )
+    ;
+  return Nr(e, Or() + (r < 6 && $e() == 32 && we() == 32));
+}
+function qr(e) {
+  for (; we(); )
+    switch (re) {
+      case e:
+        return be;
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && qr(re);
+        break;
+      case 40:
+        e === 41 && qr(e);
+        break;
+      case 92:
+        we();
+        break;
+    }
+  return be;
+}
+function gn(e, r) {
+  for (; we() && e + re !== 47 + 10; )
+    if (e + re === 42 + 42 && $e() === 47)
+      break;
+  return "/*" + Nr(r, be - 1) + "*" + Dr(e === 47 ? e : we());
+}
+function pn(e) {
+  for (; !yr($e()); )
+    we();
+  return Nr(e, be);
+}
+function hn(e) {
+  return Lt(Ir("", null, null, null, [""], e = $t(e), 0, [0], e));
+}
+function Ir(e, r, n, a, o, i, u, f, g) {
+  for (var b = 0, d = 0, v = u, N = 0, S = 0, w = 0, y = 1, D = 1, x = 1, k = 0, P = "", $ = o, l = i, q = a, O = P; D; )
+    switch (w = k, k = we()) {
+      case 40:
+        if (w != 108 && ie(O, v - 1) == 58) {
+          Kr(O += V(Ar(k), "&", "&\f"), "&\f") != -1 && (x = -1);
+          break;
+        }
+      case 34:
+      case 39:
+      case 91:
+        O += Ar(k);
+        break;
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        O += dn(w);
+        break;
+      case 92:
+        O += mn(Or() - 1, 7);
+        continue;
+      case 47:
+        switch ($e()) {
+          case 42:
+          case 47:
+            Tr(vn(gn(we(), Or()), r, n), g);
+            break;
+          default:
+            O += "/";
+        }
+        break;
+      case 123 * y:
+        f[b++] = Ie(O) * x;
+      case 125 * y:
+      case 59:
+      case 0:
+        switch (k) {
+          case 0:
+          case 125:
+            D = 0;
+          case 59 + d:
+            S > 0 && Ie(O) - v && Tr(S > 32 ? lt(O + ";", a, n, v - 1) : lt(V(O, " ", "") + ";", a, n, v - 2), g);
+            break;
+          case 59:
+            O += ";";
+          default:
+            if (Tr(q = ct(O, r, n, b, d, o, f, P, $ = [], l = [], v), i), k === 123)
+              if (d === 0)
+                Ir(O, r, q, q, $, i, v, f, l);
+              else
+                switch (N === 99 && ie(O, 3) === 110 ? 100 : N) {
+                  case 100:
+                  case 109:
+                  case 115:
+                    Ir(e, q, q, a && Tr(ct(e, q, q, 0, 0, o, f, P, o, $ = [], v), l), o, l, v, f, a ? $ : l);
+                    break;
+                  default:
+                    Ir(O, q, q, q, [""], l, 0, f, l);
+                }
+        }
+        b = d = S = 0, y = x = 1, P = O = "", v = u;
+        break;
+      case 58:
+        v = 1 + Ie(O), S = w;
+      default:
+        if (y < 1) {
+          if (k == 123)
+            --y;
+          else if (k == 125 && y++ == 0 && fn() == 125)
+            continue;
+        }
+        switch (O += Dr(k), k * y) {
+          case 38:
+            x = d > 0 ? 1 : (O += "\f", -1);
+            break;
+          case 44:
+            f[b++] = (Ie(O) - 1) * x, x = 1;
+            break;
+          case 64:
+            $e() === 45 && (O += Ar(we())), N = $e(), d = v = Ie(P = O += pn(Or())), k++;
+            break;
+          case 45:
+            w === 45 && Ie(O) == 2 && (y = 0);
+        }
+    }
+  return i;
+}
+function ct(e, r, n, a, o, i, u, f, g, b, d) {
+  for (var v = o - 1, N = o === 0 ? i : [""], S = et(N), w = 0, y = 0, D = 0; w < a; ++w)
+    for (var x = 0, k = br(e, v + 1, v = an(y = u[w])), P = e; x < S; ++x)
+      (P = At(y > 0 ? N[x] + " " + k : V(k, /&\f/g, N[x]))) && (g[D++] = P);
+  return jr(e, r, n, o === 0 ? Xr : f, g, b, d);
+}
+function vn(e, r, n) {
+  return jr(e, r, n, Zr, Dr(un()), br(e, 2, -2), 0);
+}
+function lt(e, r, n, a) {
+  return jr(e, r, n, Qr, br(e, 0, a), br(e, a + 1, -1), a);
+}
+function ar(e, r) {
+  for (var n = "", a = et(e), o = 0; o < a; o++)
+    n += r(e[o], o, e, r) || "";
+  return n;
+}
+function bn(e, r, n, a) {
+  switch (e.type) {
+    case nn:
+    case Qr:
+      return e.return = e.return || e.value;
+    case Zr:
+      return "";
+    case Ot:
+      return e.return = e.value + "{" + ar(e.children, a) + "}";
+    case Xr:
+      e.value = e.props.join(",");
+  }
+  return Ie(n = ar(e.children, a)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function yn(e) {
+  var r = et(e);
+  return function(n, a, o, i) {
+    for (var u = "", f = 0; f < r; f++)
+      u += e[f](n, a, o, i) || "";
+    return u;
+  };
+}
+function En(e) {
+  return function(r) {
+    r.root || (r = r.return) && e(r);
+  };
+}
+function wn(e) {
+  var r = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return r[n] === void 0 && (r[n] = e(n)), r[n];
+  };
+}
+var Nn = function(r, n, a) {
+  for (var o = 0, i = 0; o = i, i = $e(), o === 38 && i === 12 && (n[a] = 1), !yr(i); )
+    we();
+  return Nr(r, be);
+}, kn = function(r, n) {
+  var a = -1, o = 44;
+  do
+    switch (yr(o)) {
+      case 0:
+        o === 38 && $e() === 12 && (n[a] = 1), r[a] += Nn(be - 1, n, a);
+        break;
+      case 2:
+        r[a] += Ar(o);
+        break;
+      case 4:
+        if (o === 44) {
+          r[++a] = $e() === 58 ? "&\f" : "", n[a] = r[a].length;
+          break;
+        }
+      default:
+        r[a] += Dr(o);
+    }
+  while (o = we());
+  return r;
+}, Sn = function(r, n) {
+  return Lt(kn($t(r), n));
+}, ut = /* @__PURE__ */ new WeakMap(), _n = function(r) {
+  if (!(r.type !== "rule" || !r.parent || r.length < 1)) {
+    for (var n = r.value, a = r.parent, o = r.column === a.column && r.line === a.line; a.type !== "rule"; )
+      if (a = a.parent, !a)
+        return;
+    if (!(r.props.length === 1 && n.charCodeAt(0) !== 58 && !ut.get(a)) && !o) {
+      ut.set(r, !0);
+      for (var i = [], u = Sn(n, i), f = a.props, g = 0, b = 0; g < u.length; g++)
+        for (var d = 0; d < f.length; d++, b++)
+          r.props[b] = i[g] ? u[g].replace(/&\f/g, f[d]) : f[d] + " " + u[g];
+    }
+  }
+}, xn = function(r) {
+  if (r.type === "decl") {
+    var n = r.value;
+    n.charCodeAt(0) === 108 && n.charCodeAt(2) === 98 && (r.return = "", r.value = "");
+  }
+}, Cn = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", Rn = function(r) {
+  return r.type === "comm" && r.children.indexOf(Cn) > -1;
+}, Tn = function(r) {
+  return function(n, a, o) {
+    if (!(n.type !== "rule" || r.compat)) {
+      var i = n.value.match(/(:first|:nth|:nth-last)-child/g);
+      if (i) {
+        for (var u = n.parent === o[0], f = u ? o[0].children : o, g = f.length - 1; g >= 0; g--) {
+          var b = f[g];
+          if (b.line < n.line)
+            break;
+          if (b.column < n.column) {
+            if (Rn(b))
+              return;
+            break;
+          }
+        }
+        i.forEach(function(d) {
+          console.error('The pseudo class "' + d + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + d.split("-child")[0] + '-of-type".');
+        });
+      }
+    }
+  };
+}, Mt = function(r) {
+  return r.type.charCodeAt(1) === 105 && r.type.charCodeAt(0) === 64;
+}, Pn = function(r, n) {
+  for (var a = r - 1; a >= 0; a--)
+    if (!Mt(n[a]))
+      return !0;
+  return !1;
+}, ft = function(r) {
+  r.type = "", r.value = "", r.return = "", r.children = "", r.props = "";
+}, On = function(r, n, a) {
+  Mt(r) && (r.parent ? (console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."), ft(r)) : Pn(n, a) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), ft(r)));
+};
+function Dt(e, r) {
+  switch (sn(e, r)) {
+    case 5103:
+      return M + "print-" + e + e;
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return M + e + e;
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return M + e + $r + e + le + e + e;
+    case 6828:
+    case 4268:
+      return M + e + le + e + e;
+    case 6165:
+      return M + e + le + "flex-" + e + e;
+    case 5187:
+      return M + e + V(e, /(\w+).+(:[^]+)/, M + "box-$1$2" + le + "flex-$1$2") + e;
+    case 5443:
+      return M + e + le + "flex-item-" + V(e, /flex-|-self/, "") + e;
+    case 4675:
+      return M + e + le + "flex-line-pack" + V(e, /align-content|flex-|-self/, "") + e;
+    case 5548:
+      return M + e + le + V(e, "shrink", "negative") + e;
+    case 5292:
+      return M + e + le + V(e, "basis", "preferred-size") + e;
+    case 6060:
+      return M + "box-" + V(e, "-grow", "") + M + e + le + V(e, "grow", "positive") + e;
+    case 4554:
+      return M + V(e, /([^-])(transform)/g, "$1" + M + "$2") + e;
+    case 6187:
+      return V(V(V(e, /(zoom-|grab)/, M + "$1"), /(image-set)/, M + "$1"), e, "") + e;
+    case 5495:
+    case 3959:
+      return V(e, /(image-set\([^]*)/, M + "$1$`$1");
+    case 4968:
+      return V(V(e, /(.+:)(flex-)?(.*)/, M + "box-pack:$3" + le + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + M + e + e;
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return V(e, /(.+)-inline(.+)/, M + "$1$2") + e;
+    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 (Ie(e) - 1 - r > 6)
+        switch (ie(e, r + 1)) {
+          case 109:
+            if (ie(e, r + 4) !== 45)
+              break;
+          case 102:
+            return V(e, /(.+:)(.+)-([^]+)/, "$1" + M + "$2-$3$1" + $r + (ie(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          case 115:
+            return ~Kr(e, "stretch") ? Dt(V(e, "stretch", "fill-available"), r) + e : e;
+        }
+      break;
+    case 4949:
+      if (ie(e, r + 1) !== 115)
+        break;
+    case 6444:
+      switch (ie(e, Ie(e) - 3 - (~Kr(e, "!important") && 10))) {
+        case 107:
+          return V(e, ":", ":" + M) + e;
+        case 101:
+          return V(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + M + (ie(e, 14) === 45 ? "inline-" : "") + "box$3$1" + M + "$2$3$1" + le + "$2box$3") + e;
+      }
+      break;
+    case 5936:
+      switch (ie(e, r + 11)) {
+        case 114:
+          return M + e + le + V(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        case 108:
+          return M + e + le + V(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        case 45:
+          return M + e + le + V(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+      return M + e + le + e + e;
+  }
+  return e;
+}
+var An = function(r, n, a, o) {
+  if (r.length > -1 && !r.return)
+    switch (r.type) {
+      case Qr:
+        r.return = Dt(r.value, r.length);
+        break;
+      case Ot:
+        return ar([pr(r, {
+          value: V(r.value, "@", "@" + M)
+        })], o);
+      case Xr:
+        if (r.length)
+          return ln(r.props, function(i) {
+            switch (cn(i, /(::plac\w+|:read-\w+)/)) {
+              case ":read-only":
+              case ":read-write":
+                return ar([pr(r, {
+                  props: [V(i, /:(read-\w+)/, ":" + $r + "$1")]
+                })], o);
+              case "::placeholder":
+                return ar([pr(r, {
+                  props: [V(i, /:(plac\w+)/, ":" + M + "input-$1")]
+                }), pr(r, {
+                  props: [V(i, /:(plac\w+)/, ":" + $r + "$1")]
+                }), pr(r, {
+                  props: [V(i, /:(plac\w+)/, le + "input-$1")]
+                })], o);
+            }
+            return "";
+          });
+    }
+}, In = [An], $n = function(r) {
+  var n = r.key;
+  if (process.env.NODE_ENV !== "production" && !n)
+    throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
+If multiple caches share the same key they might "fight" for each other's style elements.`);
+  if (n === "css") {
+    var a = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(a, function(y) {
+      var D = y.getAttribute("data-emotion");
+      D.indexOf(" ") !== -1 && (document.head.appendChild(y), y.setAttribute("data-s", ""));
+    });
+  }
+  var o = r.stylisPlugins || In;
+  if (process.env.NODE_ENV !== "production" && /[^a-z-]/.test(n))
+    throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + n + '" was passed');
+  var i = {}, u, f = [];
+  u = r.container || document.head, Array.prototype.forEach.call(
+    document.querySelectorAll('style[data-emotion^="' + n + ' "]'),
+    function(y) {
+      for (var D = y.getAttribute("data-emotion").split(" "), x = 1; x < D.length; x++)
+        i[D[x]] = !0;
+      f.push(y);
+    }
+  );
+  var g, b = [_n, xn];
+  process.env.NODE_ENV !== "production" && b.push(Tn({
+    get compat() {
+      return w.compat;
+    }
+  }), On);
+  {
+    var d, v = [bn, process.env.NODE_ENV !== "production" ? function(y) {
+      y.root || (y.return ? d.insert(y.return) : y.value && y.type !== Zr && d.insert(y.value + "{}"));
+    } : En(function(y) {
+      d.insert(y);
+    })], N = yn(b.concat(o, v)), S = function(D) {
+      return ar(hn(D), N);
+    };
+    g = function(D, x, k, P) {
+      d = k, process.env.NODE_ENV !== "production" && x.map !== void 0 && (d = {
+        insert: function(l) {
+          k.insert(l + x.map);
+        }
+      }), S(D ? D + "{" + x.styles + "}" : x.styles), P && (w.inserted[x.name] = !0);
+    };
+  }
+  var w = {
+    key: n,
+    sheet: new tn({
+      key: n,
+      container: u,
+      nonce: r.nonce,
+      speedy: r.speedy,
+      prepend: r.prepend,
+      insertionPoint: r.insertionPoint
+    }),
+    nonce: r.nonce,
+    inserted: i,
+    registered: {},
+    insert: g
+  };
+  return w.sheet.hydrate(f), w;
+}, Gr = {}, Ln = {
+  get exports() {
+    return Gr;
+  },
+  set exports(e) {
+    Gr = e;
+  }
+}, F = {};
+var dt;
+function Mn() {
+  if (dt)
+    return F;
+  dt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, u = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, g = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, N = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, w = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, D = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+  function P(l) {
+    if (typeof l == "object" && l !== null) {
+      var q = l.$$typeof;
+      switch (q) {
+        case r:
+          switch (l = l.type, l) {
+            case g:
+            case b:
+            case a:
+            case i:
+            case o:
+            case v:
+              return l;
+            default:
+              switch (l = l && l.$$typeof, l) {
+                case f:
+                case d:
+                case w:
+                case S:
+                case u:
+                  return l;
+                default:
+                  return q;
+              }
+          }
+        case n:
+          return q;
+      }
+    }
+  }
+  function $(l) {
+    return P(l) === b;
+  }
+  return F.AsyncMode = g, F.ConcurrentMode = b, F.ContextConsumer = f, F.ContextProvider = u, F.Element = r, F.ForwardRef = d, F.Fragment = a, F.Lazy = w, F.Memo = S, F.Portal = n, F.Profiler = i, F.StrictMode = o, F.Suspense = v, F.isAsyncMode = function(l) {
+    return $(l) || P(l) === g;
+  }, F.isConcurrentMode = $, F.isContextConsumer = function(l) {
+    return P(l) === f;
+  }, F.isContextProvider = function(l) {
+    return P(l) === u;
+  }, F.isElement = function(l) {
+    return typeof l == "object" && l !== null && l.$$typeof === r;
+  }, F.isForwardRef = function(l) {
+    return P(l) === d;
+  }, F.isFragment = function(l) {
+    return P(l) === a;
+  }, F.isLazy = function(l) {
+    return P(l) === w;
+  }, F.isMemo = function(l) {
+    return P(l) === S;
+  }, F.isPortal = function(l) {
+    return P(l) === n;
+  }, F.isProfiler = function(l) {
+    return P(l) === i;
+  }, F.isStrictMode = function(l) {
+    return P(l) === o;
+  }, F.isSuspense = function(l) {
+    return P(l) === v;
+  }, F.isValidElementType = function(l) {
+    return typeof l == "string" || typeof l == "function" || l === a || l === b || l === i || l === o || l === v || l === N || typeof l == "object" && l !== null && (l.$$typeof === w || l.$$typeof === S || l.$$typeof === u || l.$$typeof === f || l.$$typeof === d || l.$$typeof === D || l.$$typeof === x || l.$$typeof === k || l.$$typeof === y);
+  }, F.typeOf = P, F;
+}
+var j = {};
+var mt;
+function Dn() {
+  return mt || (mt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, u = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, g = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, N = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, w = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, D = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+    function P(s) {
+      return typeof s == "string" || typeof s == "function" || s === a || s === b || s === i || s === o || s === v || s === N || typeof s == "object" && s !== null && (s.$$typeof === w || s.$$typeof === S || s.$$typeof === u || s.$$typeof === f || s.$$typeof === d || s.$$typeof === D || s.$$typeof === x || s.$$typeof === k || s.$$typeof === y);
+    }
+    function $(s) {
+      if (typeof s == "object" && s !== null) {
+        var B = s.$$typeof;
+        switch (B) {
+          case r:
+            var C = s.type;
+            switch (C) {
+              case g:
+              case b:
+              case a:
+              case i:
+              case o:
+              case v:
+                return C;
+              default:
+                var Ce = C && C.$$typeof;
+                switch (Ce) {
+                  case f:
+                  case d:
+                  case w:
+                  case S:
+                  case u:
+                    return Ce;
+                  default:
+                    return B;
+                }
+            }
+          case n:
+            return B;
+        }
+      }
+    }
+    var l = g, q = b, O = f, Le = u, Ne = r, Me = d, De = a, me = w, Z = S, X = n, ge = i, H = o, ke = v, se = !1;
+    function ne(s) {
+      return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ae(s) || $(s) === g;
+    }
+    function ae(s) {
+      return $(s) === b;
+    }
+    function Te(s) {
+      return $(s) === f;
+    }
+    function pe(s) {
+      return $(s) === u;
+    }
+    function Pe(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === r;
+    }
+    function Fe(s) {
+      return $(s) === d;
+    }
+    function xe(s) {
+      return $(s) === a;
+    }
+    function Se(s) {
+      return $(s) === w;
+    }
+    function ye(s) {
+      return $(s) === S;
+    }
+    function z(s) {
+      return $(s) === n;
+    }
+    function ue(s) {
+      return $(s) === i;
+    }
+    function Ee(s) {
+      return $(s) === o;
+    }
+    function Be(s) {
+      return $(s) === v;
+    }
+    j.AsyncMode = l, j.ConcurrentMode = q, j.ContextConsumer = O, j.ContextProvider = Le, j.Element = Ne, j.ForwardRef = Me, j.Fragment = De, j.Lazy = me, j.Memo = Z, j.Portal = X, j.Profiler = ge, j.StrictMode = H, j.Suspense = ke, j.isAsyncMode = ne, j.isConcurrentMode = ae, j.isContextConsumer = Te, j.isContextProvider = pe, j.isElement = Pe, j.isForwardRef = Fe, j.isFragment = xe, j.isLazy = Se, j.isMemo = ye, j.isPortal = z, j.isProfiler = ue, j.isStrictMode = Ee, j.isSuspense = Be, j.isValidElementType = P, j.typeOf = $;
+  }()), j;
+}
+(function(e) {
+  process.env.NODE_ENV === "production" ? e.exports = Mn() : e.exports = Dn();
+})(Ln);
+var Ft = Gr, Fn = {
+  $$typeof: !0,
+  render: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0
+}, jn = {
+  $$typeof: !0,
+  compare: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0,
+  type: !0
+}, jt = {};
+jt[Ft.ForwardRef] = Fn;
+jt[Ft.Memo] = jn;
+var Vn = !0;
+function Bn(e, r, n) {
+  var a = "";
+  return n.split(" ").forEach(function(o) {
+    e[o] !== void 0 ? r.push(e[o] + ";") : a += o + " ";
+  }), a;
+}
+var Vt = function(r, n, a) {
+  var o = r.key + "-" + n.name;
+  (a === !1 || Vn === !1) && r.registered[o] === void 0 && (r.registered[o] = n.styles);
+}, zn = function(r, n, a) {
+  Vt(r, n, a);
+  var o = r.key + "-" + n.name;
+  if (r.inserted[n.name] === void 0) {
+    var i = n;
+    do
+      r.insert(n === i ? "." + o : "", i, r.sheet, !0), i = i.next;
+    while (i !== void 0);
+  }
+};
+function Un(e) {
+  for (var r = 0, n, a = 0, o = e.length; o >= 4; ++a, o -= 4)
+    n = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, n = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= n >>> 24, r = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
+  switch (o) {
+    case 3:
+      r ^= (e.charCodeAt(a + 2) & 255) << 16;
+    case 2:
+      r ^= (e.charCodeAt(a + 1) & 255) << 8;
+    case 1:
+      r ^= e.charCodeAt(a) & 255, r = (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
+  }
+  return r ^= r >>> 13, r = (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
+}
+var Yn = {
+  animationIterationCount: 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,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+}, gt = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
+You can read more about this here:
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Wn = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Kn = /[A-Z]|^ms/g, Bt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, rt = function(r) {
+  return r.charCodeAt(1) === 45;
+}, pt = function(r) {
+  return r != null && typeof r != "boolean";
+}, Yr = /* @__PURE__ */ wn(function(e) {
+  return rt(e) ? e : e.replace(Kn, "-$&").toLowerCase();
+}), Lr = function(r, n) {
+  switch (r) {
+    case "animation":
+    case "animationName":
+      if (typeof n == "string")
+        return n.replace(Bt, function(a, o, i) {
+          return Re = {
+            name: o,
+            styles: i,
+            next: Re
+          }, o;
+        });
+  }
+  return Yn[r] !== 1 && !rt(r) && typeof n == "number" && n !== 0 ? n + "px" : n;
+};
+if (process.env.NODE_ENV !== "production") {
+  var qn = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Gn = ["normal", "none", "initial", "inherit", "unset"], Hn = Lr, Jn = /^-ms-/, Zn = /-(.)/g, ht = {};
+  Lr = function(r, n) {
+    if (r === "content" && (typeof n != "string" || Gn.indexOf(n) === -1 && !qn.test(n) && (n.charAt(0) !== n.charAt(n.length - 1) || n.charAt(0) !== '"' && n.charAt(0) !== "'")))
+      throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + n + "\"'`");
+    var a = Hn(r, n);
+    return a !== "" && !rt(r) && r.indexOf("-") !== -1 && ht[r] === void 0 && (ht[r] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(Jn, "ms-").replace(Zn, function(o, i) {
+      return i.toUpperCase();
+    }) + "?")), a;
+  };
+}
+var zt = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function Er(e, r, n) {
+  if (n == null)
+    return "";
+  if (n.__emotion_styles !== void 0) {
+    if (process.env.NODE_ENV !== "production" && n.toString() === "NO_COMPONENT_SELECTOR")
+      throw new Error(zt);
+    return n;
+  }
+  switch (typeof n) {
+    case "boolean":
+      return "";
+    case "object": {
+      if (n.anim === 1)
+        return Re = {
+          name: n.name,
+          styles: n.styles,
+          next: Re
+        }, n.name;
+      if (n.styles !== void 0) {
+        var a = n.next;
+        if (a !== void 0)
+          for (; a !== void 0; )
+            Re = {
+              name: a.name,
+              styles: a.styles,
+              next: Re
+            }, a = a.next;
+        var o = n.styles + ";";
+        return process.env.NODE_ENV !== "production" && n.map !== void 0 && (o += n.map), o;
+      }
+      return Xn(e, r, n);
+    }
+    case "function": {
+      if (e !== void 0) {
+        var i = Re, u = n(e);
+        return Re = i, Er(e, r, u);
+      } else
+        process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
+      break;
+    }
+    case "string":
+      if (process.env.NODE_ENV !== "production") {
+        var f = [], g = n.replace(Bt, function(d, v, N) {
+          var S = "animation" + f.length;
+          return f.push("const " + S + " = keyframes`" + N.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + S + "}";
+        });
+        f.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(f, ["`" + g + "`"]).join(`
+`) + `
+
+You should wrap it with \`css\` like this:
+
+` + ("css`" + g + "`"));
+      }
+      break;
+  }
+  if (r == null)
+    return n;
+  var b = r[n];
+  return b !== void 0 ? b : n;
+}
+function Xn(e, r, n) {
+  var a = "";
+  if (Array.isArray(n))
+    for (var o = 0; o < n.length; o++)
+      a += Er(e, r, n[o]) + ";";
+  else
+    for (var i in n) {
+      var u = n[i];
+      if (typeof u != "object")
+        r != null && r[u] !== void 0 ? a += i + "{" + r[u] + "}" : pt(u) && (a += Yr(i) + ":" + Lr(i, u) + ";");
+      else {
+        if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
+          throw new Error(zt);
+        if (Array.isArray(u) && typeof u[0] == "string" && (r == null || r[u[0]] === void 0))
+          for (var f = 0; f < u.length; f++)
+            pt(u[f]) && (a += Yr(i) + ":" + Lr(i, u[f]) + ";");
+        else {
+          var g = Er(e, r, u);
+          switch (i) {
+            case "animation":
+            case "animationName": {
+              a += Yr(i) + ":" + g + ";";
+              break;
+            }
+            default:
+              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(Wn), a += i + "{" + g + "}";
+          }
+        }
+      }
+    }
+  return a;
+}
+var vt = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Ut;
+process.env.NODE_ENV !== "production" && (Ut = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
+var Re, bt = function(r, n, a) {
+  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
+    return r[0];
+  var o = !0, i = "";
+  Re = void 0;
+  var u = r[0];
+  u == null || u.raw === void 0 ? (o = !1, i += Er(a, n, u)) : (process.env.NODE_ENV !== "production" && u[0] === void 0 && console.error(gt), i += u[0]);
+  for (var f = 1; f < r.length; f++)
+    i += Er(a, n, r[f]), o && (process.env.NODE_ENV !== "production" && u[f] === void 0 && console.error(gt), i += u[f]);
+  var g;
+  process.env.NODE_ENV !== "production" && (i = i.replace(Ut, function(N) {
+    return g = N, "";
+  })), vt.lastIndex = 0;
+  for (var b = "", d; (d = vt.exec(i)) !== null; )
+    b += "-" + d[1];
+  var v = Un(i) + b;
+  return process.env.NODE_ENV !== "production" ? {
+    name: v,
+    styles: i,
+    map: g,
+    next: Re,
+    toString: function() {
+      return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+    }
+  } : {
+    name: v,
+    styles: i,
+    next: Re
+  };
+}, Qn = function(r) {
+  return r();
+}, ea = ot["useInsertionEffect"] ? ot["useInsertionEffect"] : !1, ra = ea || Qn, Vr = {}.hasOwnProperty, tt = /* @__PURE__ */ Rt(
+  typeof HTMLElement < "u" ? /* @__PURE__ */ $n({
+    key: "css"
+  }) : null
+);
+process.env.NODE_ENV !== "production" && (tt.displayName = "EmotionCacheContext");
+tt.Provider;
+var ta = function(r) {
+  return /* @__PURE__ */ Tt(function(n, a) {
+    var o = Pt(tt);
+    return r(n, o, a);
+  });
+}, Yt = /* @__PURE__ */ Rt({});
+process.env.NODE_ENV !== "production" && (Yt.displayName = "EmotionThemeContext");
+var yt = function(r) {
+  var n = r.split(".");
+  return n[n.length - 1];
+}, na = function(r) {
+  var n = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(r);
+  if (n || (n = /^([A-Za-z0-9$.]+)@/.exec(r), n))
+    return yt(n[1]);
+}, aa = /* @__PURE__ */ new Set(["renderWithHooks", "processChild", "finishClassComponent", "renderToString"]), oa = function(r) {
+  return r.replace(/\$/g, "-");
+}, ia = function(r) {
+  if (r)
+    for (var n = r.split(`
+`), a = 0; a < n.length; a++) {
+      var o = na(n[a]);
+      if (o) {
+        if (aa.has(o))
+          break;
+        if (/^[A-Z]/.test(o))
+          return oa(o);
+      }
+    }
+}, Hr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Jr = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", Wt = function(r, n) {
+  if (process.env.NODE_ENV !== "production" && typeof n.css == "string" && n.css.indexOf(":") !== -1)
+    throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + n.css + "`");
+  var a = {};
+  for (var o in n)
+    Vr.call(n, o) && (a[o] = n[o]);
+  if (a[Hr] = r, process.env.NODE_ENV !== "production" && n.css && (typeof n.css != "object" || typeof n.css.name != "string" || n.css.name.indexOf("-") === -1)) {
+    var i = ia(new Error().stack);
+    i && (a[Jr] = i);
+  }
+  return a;
+}, sa = function(r) {
+  var n = r.cache, a = r.serialized, o = r.isStringTag;
+  return Vt(n, a, o), ra(function() {
+    return zn(n, a, o);
+  }), null;
+}, nt = /* @__PURE__ */ ta(function(e, r, n) {
+  var a = e.css;
+  typeof a == "string" && r.registered[a] !== void 0 && (a = r.registered[a]);
+  var o = e[Hr], i = [a], u = "";
+  typeof e.className == "string" ? u = Bn(r.registered, i, e.className) : e.className != null && (u = e.className + " ");
+  var f = bt(i, void 0, Pt(Yt));
+  if (process.env.NODE_ENV !== "production" && f.name.indexOf("-") === -1) {
+    var g = e[Jr];
+    g && (f = bt([f, "label:" + g + ";"]));
+  }
+  u += r.key + "-" + f.name;
+  var b = {};
+  for (var d in e)
+    Vr.call(e, d) && d !== "css" && d !== Hr && (process.env.NODE_ENV === "production" || d !== Jr) && (b[d] = e[d]);
+  return b.ref = n, b.className = u, /* @__PURE__ */ Ur(Kt, null, /* @__PURE__ */ Ur(sa, {
+    cache: r,
+    serialized: f,
+    isStringTag: typeof o == "string"
+  }), /* @__PURE__ */ Ur(o, b));
+});
+process.env.NODE_ENV !== "production" && (nt.displayName = "EmotionCssPropInternal");
+var wr = {}, ca = {
+  get exports() {
+    return wr;
+  },
+  set exports(e) {
+    wr = e;
+  }
+}, hr = {};
+var Et;
+function la() {
+  if (Et)
+    return hr;
+  Et = 1;
+  var e = Ct, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(f, g, b) {
+    var d, v = {}, N = null, S = null;
+    b !== void 0 && (N = "" + b), g.key !== void 0 && (N = "" + g.key), g.ref !== void 0 && (S = g.ref);
+    for (d in g)
+      a.call(g, d) && !i.hasOwnProperty(d) && (v[d] = g[d]);
+    if (f && f.defaultProps)
+      for (d in g = f.defaultProps, g)
+        v[d] === void 0 && (v[d] = g[d]);
+    return { $$typeof: r, type: f, key: N, ref: S, props: v, _owner: o.current };
+  }
+  return hr.Fragment = n, hr.jsx = u, hr.jsxs = u, hr;
+}
+var vr = {};
+var wt;
+function ua() {
+  return wt || (wt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = Ct, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), f = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), w = Symbol.iterator, y = "@@iterator";
+    function D(t) {
+      if (t === null || typeof t != "object")
+        return null;
+      var c = w && t[w] || t[y];
+      return typeof c == "function" ? c : null;
+    }
+    var x = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(t) {
+      {
+        for (var c = arguments.length, m = new Array(c > 1 ? c - 1 : 0), E = 1; E < c; E++)
+          m[E - 1] = arguments[E];
+        P("error", t, m);
+      }
+    }
+    function P(t, c, m) {
+      {
+        var E = x.ReactDebugCurrentFrame, L = E.getStackAddendum();
+        L !== "" && (c += "%s", m = m.concat([L]));
+        var W = m.map(function(I) {
+          return String(I);
+        });
+        W.unshift("Warning: " + c), Function.prototype.apply.call(console[t], console, W);
+      }
+    }
+    var $ = !1, l = !1, q = !1, O = !1, Le = !1, Ne;
+    Ne = Symbol.for("react.module.reference");
+    function Me(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === a || t === i || Le || t === o || t === b || t === d || O || t === S || $ || l || q || typeof t == "object" && t !== null && (t.$$typeof === N || t.$$typeof === v || t.$$typeof === u || t.$$typeof === f || t.$$typeof === g || t.$$typeof === Ne || t.getModuleId !== void 0));
+    }
+    function De(t, c, m) {
+      var E = t.displayName;
+      if (E)
+        return E;
+      var L = c.displayName || c.name || "";
+      return L !== "" ? m + "(" + L + ")" : m;
+    }
+    function me(t) {
+      return t.displayName || "Context";
+    }
+    function Z(t) {
+      if (t == null)
+        return null;
+      if (typeof t.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
+        case a:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case i:
+          return "Profiler";
+        case o:
+          return "StrictMode";
+        case b:
+          return "Suspense";
+        case d:
+          return "SuspenseList";
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case f:
+            var c = t;
+            return me(c) + ".Consumer";
+          case u:
+            var m = t;
+            return me(m._context) + ".Provider";
+          case g:
+            return De(t, t.render, "ForwardRef");
+          case v:
+            var E = t.displayName || null;
+            return E !== null ? E : Z(t.type) || "Memo";
+          case N: {
+            var L = t, W = L._payload, I = L._init;
+            try {
+              return Z(I(W));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var X = Object.assign, ge = 0, H, ke, se, ne, ae, Te, pe;
+    function Pe() {
+    }
+    Pe.__reactDisabledLog = !0;
+    function Fe() {
+      {
+        if (ge === 0) {
+          H = console.log, ke = console.info, se = console.warn, ne = console.error, ae = console.group, Te = console.groupCollapsed, pe = console.groupEnd;
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            value: Pe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
+          });
+        }
+        ge++;
+      }
+    }
+    function xe() {
+      {
+        if (ge--, ge === 0) {
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: X({}, t, {
+              value: H
+            }),
+            info: X({}, t, {
+              value: ke
+            }),
+            warn: X({}, t, {
+              value: se
+            }),
+            error: X({}, t, {
+              value: ne
+            }),
+            group: X({}, t, {
+              value: ae
+            }),
+            groupCollapsed: X({}, t, {
+              value: Te
+            }),
+            groupEnd: X({}, t, {
+              value: pe
+            })
+          });
+        }
+        ge < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var Se = x.ReactCurrentDispatcher, ye;
+    function z(t, c, m) {
+      {
+        if (ye === void 0)
+          try {
+            throw Error();
+          } catch (L) {
+            var E = L.stack.trim().match(/\n( *(at )?)/);
+            ye = E && E[1] || "";
+          }
+        return `
+` + ye + t;
+      }
+    }
+    var ue = !1, Ee;
+    {
+      var Be = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new Be();
+    }
+    function s(t, c) {
+      if (!t || ue)
+        return "";
+      {
+        var m = Ee.get(t);
+        if (m !== void 0)
+          return m;
+      }
+      var E;
+      ue = !0;
+      var L = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var W;
+      W = Se.current, Se.current = null, Fe();
+      try {
+        if (c) {
+          var I = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(I.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(I, []);
+            } catch (Ve) {
+              E = Ve;
+            }
+            Reflect.construct(t, [], I);
+          } else {
+            try {
+              I.call();
+            } catch (Ve) {
+              E = Ve;
+            }
+            t.call(I.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (Ve) {
+            E = Ve;
+          }
+          t();
+        }
+      } catch (Ve) {
+        if (Ve && E && typeof Ve.stack == "string") {
+          for (var T = Ve.stack.split(`
+`), de = E.stack.split(`
+`), J = T.length - 1, ee = de.length - 1; J >= 1 && ee >= 0 && T[J] !== de[ee]; )
+            ee--;
+          for (; J >= 1 && ee >= 0; J--, ee--)
+            if (T[J] !== de[ee]) {
+              if (J !== 1 || ee !== 1)
+                do
+                  if (J--, ee--, ee < 0 || T[J] !== de[ee]) {
+                    var _e = `
+` + T[J].replace(" at new ", " at ");
+                    return t.displayName && _e.includes("<anonymous>") && (_e = _e.replace("<anonymous>", t.displayName)), typeof t == "function" && Ee.set(t, _e), _e;
+                  }
+                while (J >= 1 && ee >= 0);
+              break;
+            }
+        }
+      } finally {
+        ue = !1, Se.current = W, xe(), Error.prepareStackTrace = L;
+      }
+      var er = t ? t.displayName || t.name : "", at = er ? z(er) : "";
+      return typeof t == "function" && Ee.set(t, at), at;
+    }
+    function B(t, c, m) {
+      return s(t, !1);
+    }
+    function C(t) {
+      var c = t.prototype;
+      return !!(c && c.isReactComponent);
+    }
+    function Ce(t, c, m) {
+      if (t == null)
+        return "";
+      if (typeof t == "function")
+        return s(t, C(t));
+      if (typeof t == "string")
+        return z(t);
+      switch (t) {
+        case b:
+          return z("Suspense");
+        case d:
+          return z("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case g:
+            return B(t.render);
+          case v:
+            return Ce(t.type, c, m);
+          case N: {
+            var E = t, L = E._payload, W = E._init;
+            try {
+              return Ce(W(L), c, m);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Oe = Object.prototype.hasOwnProperty, sr = {}, kr = x.ReactDebugCurrentFrame;
+    function je(t) {
+      if (t) {
+        var c = t._owner, m = Ce(t.type, t._source, c ? c.type : null);
+        kr.setExtraStackFrame(m);
+      } else
+        kr.setExtraStackFrame(null);
+    }
+    function Ge(t, c, m, E, L) {
+      {
+        var W = Function.call.bind(Oe);
+        for (var I in t)
+          if (W(t, I)) {
+            var T = void 0;
+            try {
+              if (typeof t[I] != "function") {
+                var de = Error((E || "React class") + ": " + m + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw de.name = "Invariant Violation", de;
+              }
+              T = t[I](c, I, E, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (J) {
+              T = J;
+            }
+            T && !(T instanceof Error) && (je(L), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", m, I, typeof T), je(null)), T instanceof Error && !(T.message in sr) && (sr[T.message] = !0, je(L), k("Failed %s type: %s", m, T.message), je(null));
+          }
+      }
+    }
+    var ze = Array.isArray;
+    function ce(t) {
+      return ze(t);
+    }
+    function Ae(t) {
+      {
+        var c = typeof Symbol == "function" && Symbol.toStringTag, m = c && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return m;
+      }
+    }
+    function cr(t) {
+      try {
+        return We(t), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function We(t) {
+      return "" + t;
+    }
+    function He(t) {
+      if (cr(t))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ae(t)), We(t);
+    }
+    var oe = x.ReactCurrentOwner, Je = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, fe, lr, Ue;
+    Ue = {};
+    function Sr(t) {
+      if (Oe.call(t, "ref")) {
+        var c = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (c && c.isReactWarning)
+          return !1;
+      }
+      return t.ref !== void 0;
+    }
+    function _r(t) {
+      if (Oe.call(t, "key")) {
+        var c = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (c && c.isReactWarning)
+          return !1;
+      }
+      return t.key !== void 0;
+    }
+    function xr(t, c) {
+      if (typeof t.ref == "string" && oe.current && c && oe.current.stateNode !== c) {
+        var m = Z(oe.current.type);
+        Ue[m] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Z(oe.current.type), t.ref), Ue[m] = !0);
+      }
+    }
+    function Ze(t, c) {
+      {
+        var m = function() {
+          fe || (fe = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
+        };
+        m.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: m,
+          configurable: !0
+        });
+      }
+    }
+    function Cr(t, c) {
+      {
+        var m = function() {
+          lr || (lr = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
+        };
+        m.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: m,
+          configurable: !0
+        });
+      }
+    }
+    var Br = function(t, c, m, E, L, W, I) {
+      var T = {
+        $$typeof: r,
+        type: t,
+        key: c,
+        ref: m,
+        props: I,
+        _owner: W
+      };
+      return T._store = {}, Object.defineProperty(T._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(T, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: E
+      }), Object.defineProperty(T, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: L
+      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
+    };
+    function Xe(t, c, m, E, L) {
+      {
+        var W, I = {}, T = null, de = null;
+        m !== void 0 && (He(m), T = "" + m), _r(c) && (He(c.key), T = "" + c.key), Sr(c) && (de = c.ref, xr(c, L));
+        for (W in c)
+          Oe.call(c, W) && !Je.hasOwnProperty(W) && (I[W] = c[W]);
+        if (t && t.defaultProps) {
+          var J = t.defaultProps;
+          for (W in J)
+            I[W] === void 0 && (I[W] = J[W]);
+        }
+        if (T || de) {
+          var ee = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          T && Ze(I, ee), de && Cr(I, ee);
+        }
+        return Br(t, T, de, L, E, oe.current, I);
+      }
+    }
+    var ur = x.ReactCurrentOwner, fr = x.ReactDebugCurrentFrame;
+    function Ye(t) {
+      if (t) {
+        var c = t._owner, m = Ce(t.type, t._source, c ? c.type : null);
+        fr.setExtraStackFrame(m);
+      } else
+        fr.setExtraStackFrame(null);
+    }
+    var dr;
+    dr = !1;
+    function p(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === r;
+    }
+    function _() {
+      {
+        if (ur.current) {
+          var t = Z(ur.current.type);
+          if (t)
+            return `
+
+Check the render method of \`` + t + "`.";
+        }
+        return "";
+      }
+    }
+    function R(t) {
+      {
+        if (t !== void 0) {
+          var c = t.fileName.replace(/^.*[\\\/]/, ""), m = t.lineNumber;
+          return `
+
+Check your code at ` + c + ":" + m + ".";
+        }
+        return "";
+      }
+    }
+    var U = {};
+    function Q(t) {
+      {
+        var c = _();
+        if (!c) {
+          var m = typeof t == "string" ? t : t.displayName || t.name;
+          m && (c = `
+
+Check the top-level render call using <` + m + ">.");
+        }
+        return c;
+      }
+    }
+    function A(t, c) {
+      {
+        if (!t._store || t._store.validated || t.key != null)
+          return;
+        t._store.validated = !0;
+        var m = Q(c);
+        if (U[m])
+          return;
+        U[m] = !0;
+        var E = "";
+        t && t._owner && t._owner !== ur.current && (E = " It was passed a child from " + Z(t._owner.type) + "."), Ye(t), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, E), Ye(null);
+      }
+    }
+    function K(t, c) {
+      {
+        if (typeof t != "object")
+          return;
+        if (ce(t))
+          for (var m = 0; m < t.length; m++) {
+            var E = t[m];
+            p(E) && A(E, c);
+          }
+        else if (p(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var L = D(t);
+          if (typeof L == "function" && L !== t.entries)
+            for (var W = L.call(t), I; !(I = W.next()).done; )
+              p(I.value) && A(I.value, c);
+        }
+      }
+    }
+    function mr(t) {
+      {
+        var c = t.type;
+        if (c == null || typeof c == "string")
+          return;
+        var m;
+        if (typeof c == "function")
+          m = c.propTypes;
+        else if (typeof c == "object" && (c.$$typeof === g || c.$$typeof === v))
+          m = c.propTypes;
+        else
+          return;
+        if (m) {
+          var E = Z(c);
+          Ge(m, t.props, "prop", E, t);
+        } else if (c.PropTypes !== void 0 && !dr) {
+          dr = !0;
+          var L = Z(c);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "Unknown");
+        }
+        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Qe(t) {
+      {
+        for (var c = Object.keys(t.props), m = 0; m < c.length; m++) {
+          var E = c[m];
+          if (E !== "children" && E !== "key") {
+            Ye(t), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Ye(null);
+            break;
+          }
+        }
+        t.ref !== null && (Ye(t), k("Invalid attribute `ref` supplied to `React.Fragment`."), Ye(null));
+      }
+    }
+    function Ke(t, c, m, E, L, W) {
+      {
+        var I = Me(t);
+        if (!I) {
+          var T = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var de = R(L);
+          de ? T += de : T += _();
+          var J;
+          t === null ? J = "null" : ce(t) ? J = "array" : t !== void 0 && t.$$typeof === r ? (J = "<" + (Z(t.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : J = typeof t, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, T);
+        }
+        var ee = Xe(t, c, m, L, W);
+        if (ee == null)
+          return ee;
+        if (I) {
+          var _e = c.children;
+          if (_e !== void 0)
+            if (E)
+              if (ce(_e)) {
+                for (var er = 0; er < _e.length; er++)
+                  K(_e[er], t);
+                Object.freeze && Object.freeze(_e);
+              } else
+                k("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
+              K(_e, t);
+        }
+        return t === a ? Qe(ee) : mr(ee), ee;
+      }
+    }
+    function zr(t, c, m) {
+      return Ke(t, c, m, !0);
+    }
+    function Y(t, c, m) {
+      return Ke(t, c, m, !1);
+    }
+    var te = Y, gr = zr;
+    vr.Fragment = a, vr.jsx = te, vr.jsxs = gr;
+  }()), vr;
+}
+(function(e) {
+  process.env.NODE_ENV === "production" ? e.exports = la() : e.exports = ua();
+})(ca);
+const fa = wr.Fragment, Nt = wr.jsx, kt = wr.jsxs;
+var tr = fa;
+function h(e, r, n) {
+  return Vr.call(r, "css") ? Nt(nt, Wt(e, r), n) : Nt(e, r, n);
+}
+function he(e, r, n) {
+  return Vr.call(r, "css") ? kt(nt, Wt(e, r), n) : kt(e, r, n);
+}
+const St = (e, r) => {
+  let n, a, o;
+  const i = (u, f, g) => (b) => {
+    const d = performance.now();
+    return setTimeout(() => {
+      if (!o) {
+        n = void 0, a = void 0;
+        return;
+      }
+      const v = (async () => r(...o))();
+      o = void 0, v.then(f).catch((w) => {
+        console.error(w), g(w);
+      });
+      let N, S;
+      a = new Promise((w, y) => {
+        N = w, S = y;
+      }), n = v.then(i(d, N, S)).catch((w) => (console.error(w), i(u, N, S)(w)));
+    }, e - (d - u)), b;
+  };
+  return (...u) => {
+    if (o = u, n)
+      return a;
+    {
+      const f = performance.now(), g = (async () => r(...u))();
+      o = void 0;
+      let b, d;
+      return a = new Promise((v, N) => {
+        b = v, d = N;
+      }), n = g.then(i(f, b, d)).catch((v) => (console.error(v), i(f, b, d)(v))), g;
+    }
+  };
+}, da = Mr`
+  position: relative;
+  display: grid;
+  grid-column: 1;
+  grid-row: 1;
+  display: grid;
+  height: 100%;
+  width: 100%;
+  justify-items: center;
+  align-items: center;
+
+  canvas {
+    pointer-events: none;
+    position: absolute;
+    inset: 0;
+    grid-column: 1;
+    grid-row: 1;
+    height: 100%;
+    width: 100%;
+  }
+
+  .loading {
+    grid-column: 1;
+    grid-row: 1;
+  }
+`, ma = ({ loading: e, needsInitialInteraction: r, togglePlay: n, setCanvasRef: a }) => /* @__PURE__ */ he("div", { css: da, onClick: n, children: [
+  /* @__PURE__ */ h("canvas", { ref: a }),
+  r ? /* @__PURE__ */ h(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "60",
+      height: "60",
+      viewBox: "0 0 60 60",
+      fill: "black",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "feather feather-play",
+      children: /* @__PURE__ */ h("polygon", { points: "12 7 45 28 12 50 12 7" })
+    }
+  ) : e ? /* @__PURE__ */ h(
+    "svg",
+    {
+      className: "loading",
+      xmlns: "http://www.w3.org/2000/svg",
+      style: {
+        display: "block",
+        shapeRendering: "auto",
+        animationPlayState: "running",
+        animationDelay: "0s"
+      },
+      width: "100",
+      height: "100",
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "xMidYMid",
+      children: /* @__PURE__ */ h(
+        "circle",
+        {
+          cx: "50",
+          cy: "50",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "9",
+          r: "35",
+          strokeDasharray: "164.93361431346415 56.97787143782138",
+          style: { animationPlayState: "running", animationDelay: "0s" },
+          children: /* @__PURE__ */ h(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              type: "rotate",
+              repeatCount: "indefinite",
+              dur: "1s",
+              values: "0 50 50;360 50 50",
+              keyTimes: "0;1",
+              style: { animationPlayState: "running", animationDelay: "0s" }
+            }
+          )
+        }
+      )
+    }
+  ) : null
+] }), _t = ({ ref: e, defaultValue: r }) => {
+  const [n, a] = G(r), [o, i] = G(!1), u = (f) => {
+    if (i(!0), !e.current)
+      return;
+    const { clientX: g } = f, { left: b, right: d } = e.current.getBoundingClientRect();
+    a(Math.min(Math.max((g - b) / (d - b), 0), 1));
+  };
+  return ve(() => {
+    if (!o)
+      return;
+    const f = () => i(!1), g = (b) => {
+      if (!e.current)
+        return;
+      const { clientX: d } = b, { left: v, right: N } = e.current.getBoundingClientRect();
+      a(Math.min(Math.max((d - v) / (N - v), 0), 1));
+    };
+    return document.addEventListener("mousemove", g), document.addEventListener("mouseup", f), () => {
+      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", f);
+    };
+  }, [o]), {
+    value: n,
+    scrubbing: o,
+    scrub: u
+  };
+}, ga = JSON.parse(`[{"tag":"zu","name":"isiZulu","originalName":"isiZulu","locale":"zu-ZA"},{"tag":"zh","name":"Chinese","originalName":"中文","locale":"zh-CHS"},{"tag":"yo","name":"Yoruba","originalName":"Yoruba","locale":"yo-NG"},{"tag":"xh","name":"isiXhosa","originalName":"isiXhosa","locale":"xh-ZA"},{"tag":"wo","name":"Wolof","originalName":"Wolof","locale":"wo-SN"},{"tag":"vi","name":"Vietnamese","originalName":"Tiếng Việt","locale":"vi"},{"tag":"uz","name":"Uzbek","originalName":"U'zbek","locale":"uz"},{"tag":"ur","name":"Urdu","originalName":"اُردو","locale":"ur"},{"tag":"uk","name":"Ukrainian","originalName":"україньска","locale":"uk"},{"tag":"ug","name":"Uyghur","originalName":"ئۇيغۇرچە","locale":"ug-CN"},{"tag":"tzm","name":"Tamazight","originalName":"Tamazight","locale":"tzm-Latn-DZ"},{"tag":"tt","name":"Tatar","originalName":"Татар","locale":"tt"},{"tag":"tr","name":"Turkish","originalName":"Türkçe","locale":"tr"},{"tag":"tn","name":"Setswana","originalName":"Setswana","locale":"tn-ZA"},{"tag":"tk","name":"Turkmen","originalName":"türkmençe","locale":"tk-TM"},{"tag":"th","name":"Thai","originalName":"ไทย","locale":"th"},{"tag":"tg","name":"Tajik","originalName":"Тоҷикӣ","locale":"tg-Cyrl-TJ"},{"tag":"te","name":"Telugu","originalName":"తెలుగు","locale":"te"},{"tag":"ta","name":"Tamil","originalName":"தமிழ்","locale":"ta"},{"tag":"syr","name":"Syriac","originalName":"ܣܘܪܝܝܐ","locale":"syr"},{"tag":"sw","name":"Kiswahili","originalName":"Kiswahili","locale":"sw"},{"tag":"sv","name":"Swedish","originalName":"svenska","locale":"sv"},{"tag":"sr","name":"Serbian","originalName":"srpski","locale":"sr"},{"tag":"sq","name":"Albanian","originalName":"shqipe","locale":"sq"},{"tag":"sms","name":"Sami","originalName":"sääm´ǩiõll","locale":"sms-FI"},{"tag":"smn","name":"Sami","originalName":"sämikielâ","locale":"smn-FI"},{"tag":"smj","name":"Sami","originalName":"julevusámegiella","locale":"smj-NO"},{"tag":"sma","name":"Sami","originalName":"åarjelsaemiengiele","locale":"sma-NO"},{"tag":"sl","name":"Slovenian","originalName":"slovenski","locale":"sl"},{"tag":"sk","name":"Slovak","originalName":"slovenčina","locale":"sk"},{"tag":"si","name":"Sinhala","originalName":"සිංහ","locale":"si-LK"},{"tag":"se","name":"Sami","originalName":"davvisámegiella","locale":"se-FI"},{"tag":"sah","name":"Yakut","originalName":"саха","locale":"sah-RU"},{"tag":"sa","name":"Sanskrit","originalName":"संस्कृत","locale":"sa"},{"tag":"rw","name":"Kinyarwanda","originalName":"Kinyarwanda","locale":"rw-RW"},{"tag":"ru","name":"Russian","originalName":"русский","locale":"ru"},{"tag":"ro","name":"Romanian","originalName":"română","locale":"ro"},{"tag":"rm","name":"Romansh","originalName":"Rumantsch","locale":"rm-CH"},{"tag":"quz","name":"Quechua","originalName":"runasimi","locale":"quz-BO"},{"tag":"qut","name":"K'iche","originalName":"K'iche","locale":"qut-GT"},{"tag":"pt","name":"Portuguese","originalName":"Português","locale":"pt"},{"tag":"ps","name":"Pashto","originalName":"پښتو","locale":"ps-AF"},{"tag":"prs","name":"Dari","originalName":"درى","locale":"prs-AF"},{"tag":"pl","name":"Polish","originalName":"polski","locale":"pl"},{"tag":"pa","name":"Punjabi","originalName":"ਪੰਜਾਬੀ","locale":"pa"},{"tag":"or","name":"Oriya","originalName":"ଓଡ଼ିଆ","locale":"or-IN"},{"tag":"oc","name":"Occitan","originalName":"Occitan","locale":"oc-FR"},{"tag":"nso","name":"Sesotho sa Leboa","originalName":"Sesotho sa Leboa","locale":"nso-ZA"},{"tag":"no","name":"Norwegian","originalName":"norsk","locale":"no"},{"tag":"nn","name":"Norwegian, Nynorsk","originalName":"norsk, nynorsk","locale":"nn-NO"},{"tag":"nl","name":"Dutch","originalName":"Nederlands","locale":"nl"},{"tag":"ne","name":"Nepali","originalName":"नेपाली","locale":"ne-NP"},{"tag":"nb","name":"Norwegian, Bokmål","originalName":"norsk, bokmål","locale":"nb-NO"},{"tag":"mt","name":"Maltese","originalName":"Malti","locale":"mt-MT"},{"tag":"ms","name":"Malay","originalName":"Bahasa Malaysia","locale":"ms"},{"tag":"mr","name":"Marathi","originalName":"मराठी","locale":"mr"},{"tag":"moh","name":"Mohawk","originalName":"Kanien'kéha","locale":"moh-CA"},{"tag":"mn","name":"Mongolian","originalName":"Монгол хэл","locale":"mn"},{"tag":"ml","name":"Malayalam","originalName":"മലയാളം","locale":"ml-IN"},{"tag":"mk","name":"Macedonian","originalName":"македонски јазик","locale":"mk"},{"tag":"mi","name":"Maori","originalName":"Reo Māori","locale":"mi-NZ"},{"tag":"lv","name":"Latvian","originalName":"latviešu","locale":"lv"},{"tag":"lt","name":"Lithuanian","originalName":"lietuvių","locale":"lt"},{"tag":"lo","name":"Lao","originalName":"ລາວ","locale":"lo-LA"},{"tag":"lb","name":"Luxembourgish","originalName":"Lëtzebuergesch","locale":"lb-LU"},{"tag":"ky","name":"Kyrgyz","originalName":"Кыргыз","locale":"ky"},{"tag":"kok","name":"Konkani","originalName":"कोंकणी","locale":"kok"},{"tag":"ko","name":"Korean","originalName":"한국어","locale":"ko"},{"tag":"kn","name":"Kannada","originalName":"ಕನ್ನಡ","locale":"kn"},{"tag":"km","name":"Khmer","originalName":"ខ្មែរ","locale":"km-KH"},{"tag":"kl","name":"Greenlandic","originalName":"kalaallisut","locale":"kl-GL"},{"tag":"kk","name":"Kazakh","originalName":"Қазащb","locale":"kk"},{"tag":"ka","name":"Georgian","originalName":"ქართული","locale":"ka"},{"tag":"ja","name":"Japanese","originalName":"日本語","locale":"ja"},{"tag":"iu","name":"Inuktitut","originalName":"ᐃᓄᒃᑎᑐᑦ","locale":"iu-Cans-CA"},{"tag":"it","name":"Italian","originalName":"italiano","locale":"it"},{"tag":"is","name":"Icelandic","originalName":"íslenska","locale":"is"},{"tag":"ii","name":"Yi","originalName":"ꆈꌠꁱꂷ","locale":"ii-CN"},{"tag":"ig","name":"Igbo","originalName":"Igbo","locale":"ig-NG"},{"tag":"id","name":"Indonesian","originalName":"Bahasa Indonesia","locale":"id"},{"tag":"hy","name":"Armenian","originalName":"Հայերեն","locale":"hy"},{"tag":"hu","name":"Hungarian","originalName":"magyar","locale":"hu"},{"tag":"hsb","name":"Upper Sorbian","originalName":"hornjoserbšćina","locale":"hsb-DE"},{"tag":"hr","name":"Croatian","originalName":"hrvatski","locale":"hr"},{"tag":"hi","name":"Hindi","originalName":"हिंदी","locale":"hi"},{"tag":"he","name":"Hebrew","originalName":"עברית","locale":"he"},{"tag":"ha","name":"Hausa","originalName":"Hausa","locale":"ha-Latn-NG"},{"tag":"gu","name":"Gujarati","originalName":"ગુજરાતી","locale":"gu"},{"tag":"gsw","name":"Alsatian","originalName":"Elsässisch","locale":"gsw-FR"},{"tag":"gl","name":"Galician","originalName":"galego","locale":"gl"},{"tag":"gd","name":"Scottish Gaelic","originalName":"Gàidhlig","locale":"gd-GB"},{"tag":"ga","name":"Irish","originalName":"Gaeilge","locale":"ga-IE"},{"tag":"fy","name":"Frisian","originalName":"Frysk","locale":"fy-NL"},{"tag":"fr","name":"French","originalName":"français","locale":"fr"},{"tag":"fo","name":"Faroese","originalName":"føroyskt","locale":"fo"},{"tag":"fil","name":"Filipino","originalName":"Filipino","locale":"fil-PH"},{"tag":"fi","name":"Finnish","originalName":"suomi","locale":"fi"},{"tag":"fa","name":"Persian","originalName":"فارسى","locale":"fa"},{"tag":"eu","name":"Basque","originalName":"euskara","locale":"eu"},{"tag":"et","name":"Estonian","originalName":"eesti","locale":"et"},{"tag":"es","name":"Spanish","originalName":"español","locale":"es"},{"tag":"en","name":"English","originalName":"English","locale":"en"},{"tag":"el","name":"Greek","originalName":"ελληνικά","locale":"el"},{"tag":"dv","name":"Divehi","originalName":"ދިވެހިބަސް","locale":"dv"},{"tag":"dsb","name":"Lower Sorbian","originalName":"dolnoserbšćina","locale":"dsb-DE"},{"tag":"de","name":"German","originalName":"Deutsch","locale":"de"},{"tag":"da","name":"Danish","originalName":"dansk","locale":"da"},{"tag":"cy","name":"Welsh","originalName":"Cymraeg","locale":"cy-GB"},{"tag":"cs","name":"Czech","originalName":"čeština","locale":"cs"},{"tag":"co","name":"Corsican","originalName":"Corsu","locale":"co-FR"},{"tag":"ca","name":"Catalan","originalName":"català","locale":"ca"},{"tag":"bs","name":"Bosnian","originalName":"босански","locale":"bs-Cyrl-BA"},{"tag":"br","name":"Breton","originalName":"brezhoneg","locale":"br-FR"},{"tag":"bo","name":"Tibetan","originalName":"བོད་ཡིག","locale":"bo-CN"},{"tag":"bn","name":"Bengali","originalName":"বাংলা","locale":"bn-BD"},{"tag":"bg","name":"Bulgarian","originalName":"български","locale":"bg"},{"tag":"be","name":"Belarusian","originalName":"Беларускі","locale":"be"},{"tag":"ba","name":"Bashkir","originalName":"Башҡорт","locale":"ba-RU"},{"tag":"az","name":"Azeri","originalName":"Azərbaycan­ılı","locale":"az"},{"tag":"as","name":"Assamese","originalName":"অসমীয়া","locale":"as-IN"},{"tag":"arn","name":"Mapudungun","originalName":"Mapudungun","locale":"arn-CL"},{"tag":"ar","name":"Arabic","originalName":"العربية","locale":"ar"},{"tag":"am","name":"Amharic","originalName":"አማርኛ","locale":"am-ET"},{"tag":"af","name":"Afrikaans","originalName":"Afrikaans","locale":"af"},{"tag":"iv","name":"Invariant Language","originalName":"Invariant Language","locale":""},{"tag":"Two letter","name":"English","originalName":"Native","locale":"Culture .NET"}]`), xt = (e) => ga.find((r) => r.tag === e)?.name, pa = (e) => {
+  const [r, n] = G(() => {
+    const a = localStorage.getItem(e);
+    return a ? JSON.parse(a) : {};
+  });
+  return ve(() => {
+    localStorage.setItem(e, JSON.stringify(r));
+  }, [e, r]), (a, o) => (ve(() => {
+    n((i) => ({ ...i, [a]: o }));
+  }, []), [
+    r[a],
+    (i) => n(typeof i == "function" ? (u) => ({ ...u, [a]: i(u[a]) }) : (u) => ({ ...u, [a]: i }))
+  ]);
+}, ha = Mr`
+  position: relative;
+  grid-column: 1;
+  grid-row: 1;
+  align-self: end;
+  height: calc(4.8rem + var(--background-padding));
+  width: 100%;
+  padding: 0 2rem;
+  margin: 0 auto;
+
+  /* subtle background black gradient for scenes with high brightness to properly display white progress bar */
+  padding-top: var(--background-padding);
+  background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) calc(100% - 1rem), rgba(0,0,0,0) 100%);
+
+  .progress-bar {
+    position: relative;
+    height: .4rem;
+    cursor: pointer;
+    user-select: none;
+    transition: transform .2s ease-in-out;
+
+
+    &:hover {
+      .background-bar {
+        transform: scaleY(1.5);
+      }
+    }
+    .background-bar {
+      position: absolute;
+      inset: 0;
+      background-color: hsla(0, 100%, 100%, .2);
+    }
+
+    .cursor-time {
+      pointer-events: none;
+      position: absolute;
+      top: -2rem;
+      width: 5rem;
+      margin-left: -2.5rem;
+      display: flex;
+      justify-content: center;
+    }
+
+    .load {
+      transform-origin: 0 0;
+      background-color: hsla(0, 100%, 100%, .4);
+      position: absolute;
+      bottom: 0;
+      height: .4rem;
+      width: 100%;
+    }
+    .play {
+      transform-origin: 0 0;
+      background-color: hsla(0, 100%, 50%, .8);
+      position: absolute;
+      bottom: 0;
+      height: .4rem;
+      width: 100%;
+    }
+    .padding {
+      position: absolute;
+      bottom: -4px;
+      height: 1.6rem;
+      width: 100%;
+    }
+  }
+
+  .controls {
+    height: 100%;
+    display: grid;
+    align-items: center;
+    grid-template-columns: 5rem fit-content(4.8rem) 20rem auto fit-content(10rem) 5rem 5rem 5rem;
+    grid-gap: 1rem;
+    color: #fff;
+    user-select: none;
+
+    .picture-in-picture, .fullscreen, .play-button {
+      height: 100%;
+      color: #fff;
+      background-color: transparent;
+      border: none;
+      cursor: pointer;
+    }
+
+    .volume-area {
+      display: flex;
+      /* grid-template-columns: 4.8rem fit-content(0rem); */
+      height: 100%;
+      cursor: pointer;
+
+      .mute-button {
+        color: #fff;
+        border: none;
+        background: none;
+        height: 100%;
+        width: 4.8rem;
+        cursor: pointer;
+      }
+
+      .volume-panel {
+        display: inline-block;
+        width: 0;
+        /* width: 100%; */
+        /* width: 12rem; */
+        height: 100%;
+        -webkit-transition: margin .2s cubic-bezier(0.4,0,1,1),width .2s cubic-bezier(0.4,0,1,1);
+        transition: margin .2s cubic-bezier(0.4,0,1,1),width .2s cubic-bezier(0.4,0,1,1);
+        cursor: pointer;
+        outline: 0;
+
+        &.volume-control-hover {
+          width: 6rem;
+          /* width: 52px; */
+          margin-right: 3px;
+          -webkit-transition: margin .2s cubic-bezier(0,0,0.2,1),width .2s cubic-bezier(0,0,0.2,1);
+          transition: margin .2s cubic-bezier(0,0,0.2,1),width .2s cubic-bezier(0,0,0.2,1);
+        }
+
+        .slider {
+          height: 100%;
+          min-height: 36px;
+          position: relative;
+          overflow: hidden;
+
+          .slider-handle {
+            /* left: 40px; */
+            position: absolute;
+            top: 50%;
+            width: 12px;
+            height: 12px;
+            border-radius: 6px;
+            margin-top: -6px;
+            margin-left: -5px;
+            /* background: #fff; */
+          }
+          .slider-handle::before, .slider-handle::after {
+            content: "";
+            position: absolute;
+            display: block;
+            top: 50%;
+            left: 0;
+            height: 3px;
+            margin-top: -2px;
+            width: 64px;
+          }
+          .slider-handle::before {
+            left: -58px;
+            background: #fff;
+          }
+          .slider-handle::after {
+            left: 6px;
+            background: rgba(255,255,255,.2);
+          }
+        }
+      }
+    }
+
+    .time {
+      font-family: Roboto;
+      padding-bottom: .5rem;
+    }
+
+    .custom-controls {
+      display: flex;
+      justify-content: end;
+    }
+
+    .error-area {
+      position: relative;
+      height: 3.8rem;
+
+      .error-menu {
+        position: absolute;
+        bottom: 4.8rem;
+        left: -10rem;
+        width: 25rem;
+        /* background: rgba(0, 0, 0, .2); */
+        /* background: rgb(35, 35, 35); */
+        padding: 1rem;
+        background-color: rgb(51, 51, 51);
+
+        &.hide {
+          display: none;
+        }
+
+        .error-menu-message {
+          
+        }
+
+        button {
+          width: 100%;
+          padding: 0.5rem 0;
+          background: none;
+          border: none;
+          color: #fff;
+          cursor: pointer;
+          text-shadow: 2px 2px #000;
+        }
+      }
+
+      .error-menu-button {
+        display: grid;
+        grid-auto-flow: column;
+        align-items: center;
+        height: 100%;
+        width: 100%;
+        cursor: pointer;
+        color: #eb1010;
+        font-weight: bold;
+        background: none;
+        border: none;
+      }
+    }
+
+    .subtitle-area {
+      position: relative;
+      height: 3.8rem;
+
+      .subtitle-menu {
+        position: absolute;
+        bottom: 4.8rem;
+        left: -1rem;
+        /* background: rgba(0, 0, 0, .2); */
+        /* background: rgb(35, 35, 35); */
+        padding: 1rem 0;
+        background-color: rgb(17, 17, 17);
+        /* background-color: rgb(51, 51, 51); */
+        border-radius: .3rem;
+
+        &.hide {
+          display: none;
+        }
+
+        button {
+          width: 100%;
+          padding: 1rem;
+          /* padding: 0.5rem 0; */
+          background: none;
+          border: none;
+          color: #fff;
+          cursor: pointer;
+          text-shadow: 2px 2px #000;
+
+          &:hover {
+            background-color: rgb(51, 51, 51);
+          }
+        }
+      }
+      
+      .subtitle-menu-button {
+        height: 100%;
+        width: 100%;
+        cursor: pointer;
+        color: #fff;
+        background: none;
+        border: none;
+      }
+    }
+  }
+`, va = ({
+  duration: e,
+  currentTime: r,
+  togglePlay: n,
+  seek: a,
+  setVolume: o,
+  isSubtitleMenuHidden: i,
+  setIsSubtitleMenuHidden: u,
+  isErrorMenuHidden: f,
+  setIsErrorMenuHidden: g,
+  setCurrentSubtitleTrack: b,
+  loadedTime: d,
+  isPlaying: v,
+  tracks: N,
+  isFullscreen: S,
+  toggleFullscreen: w,
+  subtitleTrack: y,
+  pictureInPicture: D,
+  errors: x,
+  customControls: k,
+  ...P
+}) => {
+  const $ = qe(null), l = qe(null), [q, O] = G(!1), { scrub: Le, value: Ne } = _t({ ref: $ }), Me = Wr(() => document.pictureInPictureEnabled, []), [De, me] = G(!1), Z = pa("fkn-media-player"), [X, ge] = Z("volume", 1), [H, ke] = Z("muted", !1), { scrub: se, value: ne } = _t({ ref: l, defaultValue: X });
+  ve(() => {
+    De || (me(!0), xe(void 0));
+  }, [De, x.length]), ve(() => {
+    Ne !== void 0 && a(Ne * (e ?? 0));
+  }, [Ne]), ve(() => {
+    if (H) {
+      o(0), ke(H), ne && ge(ne);
+      return;
+    }
+    ne !== void 0 && (o(ne ** 2), ge(ne), ke(H));
+  }, [ne, H]);
+  const ae = () => {
+    O(!1);
+  }, Te = (s) => {
+    s.currentTarget !== s.relatedTarget && s.relatedTarget !== null || O(!0);
+  }, pe = () => {
+    ke((s) => !s);
+  }, Pe = (s, B, C) => {
+    b(B === void 0 ? B : C);
+  }, Fe = (s) => {
+    if (!i && s.relatedTarget === null) {
+      u((C) => !C);
+      return;
+    }
+    u(!1);
+    const B = (C) => {
+      C.stopPropagation(), u(!0), document.removeEventListener("click", B);
+    };
+    setTimeout(() => {
+      document.addEventListener("click", B);
+    }, 0);
+  }, xe = (s) => {
+    if (!f && s?.relatedTarget === null) {
+      g((C) => !C);
+      return;
+    }
+    g(!1);
+    const B = (C) => {
+      C.stopPropagation(), g(!0), document.removeEventListener("click", B);
+    };
+    setTimeout(() => {
+      document.addEventListener("click", B);
+    }, 0);
+  }, Se = ({ subtitleTrack: s }) => {
+    if (!s)
+      return /* @__PURE__ */ h(tr, { children: "Disabled" });
+    if (!s.title && !s.language)
+      return /* @__PURE__ */ h(tr, { children: "Default" });
+    const B = s.language === "jpn" ? "ja" : xt(s.language) ? xt(s.language) : s.language;
+    return s.title ? /* @__PURE__ */ he(tr, { children: [
+      s.title?.replace("subs", ""),
+      B ? `(${B})` : ""
+    ] }) : /* @__PURE__ */ h(tr, { children: B });
+  }, ye = Wr(
+    () => [
+      ...new Set(
+        x.map(
+          (s) => s.message === "non monotonicaly increasing DTS values" ? s.count > 2 ? "The video seems malformatted and might have issues(skipped frames) during playback" : null : "An unexpected error occured while trying to play the video"
+        )
+      )
+    ].filter(Boolean).map((s) => /* @__PURE__ */ h("div", { className: "error-menu-message", children: s }, s)),
+    [x]
+  );
+  ve(() => {
+    rr.rebuild();
+  }, [N.length]), ve(() => {
+    const s = (B) => {
+      B.key === "f" && w(), B.key === "k" && n(), B.key === "m" && pe();
+    };
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [w, n, pe]);
+  const [z, ue] = G(void 0);
+  return /* @__PURE__ */ he("div", { css: ha, onMouseOut: Te, ...P, children: [
+    /* @__PURE__ */ h("div", { className: "preview" }),
+    /* @__PURE__ */ he(
+      "div",
+      {
+        ref: $,
+        className: "progress-bar",
+        onMouseMove: (s) => {
+          const C = s.nativeEvent.offsetX / s.currentTarget.offsetWidth * (e ?? 0);
+          ue(C);
+        },
+        onMouseOut: () => {
+          $.current && ue(void 0);
+        },
+        children: [
+          /* @__PURE__ */ h("div", { className: "background-bar" }),
+          z ? /* @__PURE__ */ h("div", { className: "cursor-time", "data-tip": z, style: { left: `${1 / ((e ?? 0) / (z ?? 1)) * 100}%` }, children: new Date((z ?? 0) * 1e3).toISOString().substr(
+            (e ?? 0) >= 3600 ? 11 : 14,
+            (e ?? 0) >= 3600 ? 8 : 5
+          ) }) : void 0,
+          /* @__PURE__ */ h("div", { className: "progress" }),
+          /* @__PURE__ */ h("div", { className: "load", style: { transform: `scaleX(${1 / ((e ?? 0) / (d?.[1] ?? 0))})` } }),
+          /* @__PURE__ */ h("div", { className: "hover" }),
+          /* @__PURE__ */ h("div", { className: "play", style: {
+            transform: `scaleX(${typeof e != "number" || typeof r != "number" ? 0 : 1 / ((e ?? 0) / (r ?? 0))})`
+          } }),
+          /* @__PURE__ */ h("div", { className: "chapters" }),
+          /* @__PURE__ */ h("div", { className: "scrubber" }),
+          /* @__PURE__ */ h("div", { className: "padding", onMouseDown: Le })
+        ]
+      }
+    ),
+    /* @__PURE__ */ he("div", { className: "controls", children: [
+      /* @__PURE__ */ h(rr, { id: "play-button-tooltip", effect: "solid", place: "top", children: v ? "Pause (k)" : "Play (k)" }),
+      /* @__PURE__ */ h("button", { className: "play-button", type: "button", "data-tip": !0, "data-for": "play-button-tooltip", onClick: n, children: v ? /* @__PURE__ */ he("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "feather feather-pause", children: [
+        /* @__PURE__ */ h("rect", { x: "6", y: "4", width: "4", height: "16" }),
+        /* @__PURE__ */ h("rect", { x: "14", y: "4", width: "4", height: "16" })
+      ] }) : /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "feather feather-play", children: /* @__PURE__ */ h("polygon", { points: "5 3 19 12 5 21 5 3" }) }) }),
+      /* @__PURE__ */ he("div", { className: "volume-area", onMouseOver: ae, children: [
+        /* @__PURE__ */ h(rr, { id: "mute-button-tooltip", effect: "solid", place: "top", children: H ? "Unmute (m)" : "Mute (m)" }),
+        /* @__PURE__ */ h("button", { className: "mute-button", "data-tip": !0, "data-for": "mute-button-tooltip", onClick: pe, children: H ? /* @__PURE__ */ h(it, {}) : (X ?? 0) > 0.66 ? /* @__PURE__ */ h(Jt, {}) : (X ?? 0) > 0.33 ? /* @__PURE__ */ h(Zt, {}) : (X ?? 0) > 0 ? /* @__PURE__ */ h(Xt, {}) : /* @__PURE__ */ h(it, {}) }),
+        /* @__PURE__ */ h("div", { ref: l, className: `volume-panel${q ? "" : " volume-control-hover"}`, onMouseDown: se, children: /* @__PURE__ */ h("div", { className: "slider", children: /* @__PURE__ */ h("div", { className: "slider-handle", style: { left: `${(X ?? 0) * 100}%` } }) }) })
+      ] }),
+      /* @__PURE__ */ he("div", { className: "time", children: [
+        /* @__PURE__ */ h("span", { children: new Date((r ?? 0) * 1e3).toISOString().substr(11, 8) }),
+        /* @__PURE__ */ h("span", { children: " / " }),
+        /* @__PURE__ */ h("span", { children: e ? new Date(e * 1e3).toISOString().substr(11, 8) : "" })
+      ] }),
+      /* @__PURE__ */ h("div", { className: "custom-controls", children: k?.length ? k.map((s, B) => /* @__PURE__ */ h(s, {}, B)) : null }),
+      /* @__PURE__ */ h("div", { className: "error-area", children: ye.length ? /* @__PURE__ */ he(tr, { children: [
+        /* @__PURE__ */ h("div", { className: `error-menu ${f ? "hide" : ""}`, children: f ? null : ye }),
+        /* @__PURE__ */ he("div", { className: "error-menu-button", onClick: xe, children: [
+          /* @__PURE__ */ h(Qt, {}),
+          "Error"
+        ] })
+      ] }) : null }),
+      /* @__PURE__ */ h(rr, { id: "subtitle-button-tooltip", globalEventOff: "click", effect: "solid", place: "top", disable: !i, children: "Subtitles" }),
+      /* @__PURE__ */ h("div", { className: "subtitle-area", children: N.length ? /* @__PURE__ */ he(tr, { children: [
+        /* @__PURE__ */ h("div", { className: `subtitle-menu ${i ? "hide" : ""}`, children: i ? null : [...N, void 0].map(
+          (s, B) => /* @__PURE__ */ h("button", { onClick: (C) => Pe(C, s, B), children: /* @__PURE__ */ h(Se, { subtitleTrack: s }) }, s ? B : "disabled")
+        ) }),
+        /* @__PURE__ */ h("button", { className: "subtitle-menu-button", "data-tip": !0, "data-for": "subtitle-button-tooltip", onClick: Fe, children: /* @__PURE__ */ h(Se, { subtitleTrack: y }) })
+      ] }) : null }),
+      /* @__PURE__ */ h(rr, { id: "pip-button-tooltip", effect: "solid", place: "top", children: "Picture in Picture" }),
+      Me ? /* @__PURE__ */ h("button", { className: "picture-in-picture", "data-tip": !0, "data-for": "pip-button-tooltip", onClick: D, children: /* @__PURE__ */ he("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        /* @__PURE__ */ h("rect", { x: "2", y: "3", width: "21", height: "14", rx: "2", ry: "2" }),
+        /* @__PURE__ */ h("rect", { x: "12.5", y: "8.5", width: "8", height: "6", rx: "2", ry: "2" })
+      ] }) }) : null,
+      /* @__PURE__ */ h(rr, { id: "fullscreen-button-tooltip", effect: "solid", place: "top", children: S ? "Exit full screen (f)" : "Full screen (f)" }),
+      /* @__PURE__ */ h("button", { className: "fullscreen", "data-tip": !0, "data-for": "fullscreen-button-tooltip", onClick: w, children: S ? /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "feather feather-minimize", children: /* @__PURE__ */ h("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }) }) : /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "feather feather-maximize", children: /* @__PURE__ */ h("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }) }) })
+    ] })
+  ] });
+}, ba = Mr`
+--background-padding: 2rem;
+display: grid;
+grid-template-rows: 1fr;
+overflow: hidden;
+
+&.hide {
+  cursor: none;
+  
+  .bottom {
+    opacity: 0;
+  }
+}
+
+.bottom {
+  &.hide {
+    opacity: 0 !important;
+  }
+}
+`, ya = ({
+  customOverlay: e,
+  isPlaying: r,
+  loading: n,
+  duration: a,
+  loadedTime: o,
+  currentTime: i,
+  pictureInPicture: u,
+  fullscreen: f,
+  play: g,
+  seek: b,
+  getVolume: d,
+  setVolume: v,
+  attachments: N,
+  tracks: S,
+  video: w,
+  errors: y,
+  customControls: D,
+  libassWorkerUrl: x,
+  wasmUrl: k,
+  needsInitialInteraction: P,
+  ...$
+}) => {
+  const [l, q] = G(), [O, Le] = G(!1), [Ne, Me] = G(!1), [De, me] = G(!1), Z = qe(), [X, ge] = G(!0), [H, ke] = G(), [se, ne] = G(), ae = Wr(
+    () => se !== void 0 ? S[se] : void 0,
+    [se, se !== void 0 && S[se]?.data]
+  ), [Te, pe] = G(!0), Pe = (z) => {
+    me(!1), Z.current && clearInterval(Z.current);
+    const ue = setTimeout(() => {
+      me(!0);
+    }, 3e3);
+    Z.current = ue;
+  };
+  ve(() => {
+    setTimeout(() => {
+      me(!0);
+    }, 3e3);
+  }, []);
+  const Fe = (z) => {
+    if (!l?.parentElement?.parentElement?.contains(z?.relatedTarget)) {
+      me(!0);
+      return;
+    }
+    z.currentTarget.parentElement !== z.relatedTarget && z.relatedTarget !== null || me(!0);
+  }, xe = () => {
+    X && g();
+  }, Se = () => {
+    !l || !H || (Me((z) => !z), f());
+  };
+  ve(() => {
+    if (!w.current || !l || H || !ae?.data || !N)
+      return;
+    const z = N.map(({ filename: Ee, data: Be }) => [
+      Ee.toLowerCase().replaceAll("-", " ").split(".").at(0),
+      Be
+    ]), ue = new Ht({
+      video: w.current,
+      canvas: l,
+      subContent: ae.data,
+      fonts: z.filter(Boolean).map(([, Ee]) => Ee),
+      availableFonts: { ...Object.fromEntries(z), "liberation sans": new URL("/build/default.woff2", new URL(window.location.toString()).origin).toString() },
+      workerUrl: x,
+      modernWasmUrl: k
+    });
+    ke(ue);
+  }, [l, N, ae?.data]), ve(() => {
+    S.length && ne(0);
+  }, [S.length]), ve(() => {
+    if (!H)
+      return;
+    if (!ae) {
+      H.freeTrack();
+      return;
+    }
+    H.setTrack(ae.data), !(!l?.parentElement || O) && Le(!0);
+  }, [H, ae, O]);
+  const ye = (z) => {
+    z && q(z);
+  };
+  return /* @__PURE__ */ he("div", { ...$, css: ba, onMouseMove: Pe, onMouseOut: Fe, className: `chrome ${$.className ?? ""} ${De ? "hide" : ""}`, children: [
+    /* @__PURE__ */ h(ma, { needsInitialInteraction: P, loading: n, togglePlay: xe, setCanvasRef: ye }),
+    e,
+    /* @__PURE__ */ h(
+      va,
+      {
+        className: `bottom ${P ? "hide" : ""}`,
+        toggleFullscreen: Se,
+        togglePlay: xe,
+        isFullscreen: Ne,
+        pictureInPicture: u,
+        seek: b,
+        setCurrentSubtitleTrack: ne,
+        isSubtitleMenuHidden: X,
+        setIsSubtitleMenuHidden: ge,
+        isErrorMenuHidden: Te,
+        setIsErrorMenuHidden: pe,
+        setVolume: v,
+        subtitleTrack: ae,
+        tracks: S,
+        currentTime: i,
+        duration: a,
+        isPlaying: r,
+        loadedTime: o,
+        errors: y,
+        customControls: D
+      }
+    )
+  ] });
+}, Ea = 5e6, Pr = 10, nr = 20, wa = 60, Na = Mr`
+  display: grid;
+  justify-content: center;
+  background-color: #111;
+
+  video {
+    pointer-events: none;
+    grid-column: 1;
+    grid-row: 1;
+
+    height: 100%;
+    max-height: 100vh;
+    max-width: 100%;
+    background-color: black;
+  }
+
+  .chrome {
+    grid-column: 1;
+    grid-row: 1;
+  }
+`, Oa = Tt(({
+  customOverlay: e,
+  baseBufferSize: r = Ea,
+  size: n,
+  fetch: a,
+  customControls: o,
+  publicPath: i,
+  wasmUrl: u,
+  libavWorkerUrl: f,
+  libavWorkerOptions: g,
+  libassWorkerUrl: b,
+  makeTransmuxer: d = Gt
+}, v) => {
+  const [N, S] = G(!0), w = qe(null), y = qe(), [D, x] = G(), [k, P] = G(!(y?.current?.paused ?? !0)), [$, l] = G(0), [q, O] = G(void 0), [Le, Ne] = G([]), [Me, De] = G([]), [me, Z] = G(), [X, ge] = G([0, 0]), H = qe(), [ke, se] = G(!1), ne = qe(a);
+  ve(() => {
+    ne.current = a;
+  }, [a]), ve(() => {
+    if (!n || !D)
+      return;
+    let C, Ce;
+    return (async () => {
+      let Oe = qt();
+      Oe.onError = (p) => console.error("mp4box error", p);
+      let sr;
+      const kr = new Promise((p) => {
+        sr = p;
+      });
+      let je = 'video/mp4; codecs="', Ge;
+      Oe.onReady = (p) => {
+        Ge = p;
+        for (let _ = 0; _ < Ge.tracks.length; _++)
+          _ !== 0 && (je += ","), je += Ge.tracks[_].codec;
+        je += '"', sr(Ge);
+      };
+      let ze, ce = [];
+      C = d({
+        publicPath: i,
+        workerUrl: f,
+        workerOptions: g,
+        bufferSize: r,
+        length: n,
+        read: (p, _) => ne.current(p, Math.min(p + _, n) - 1).then((R) => R.arrayBuffer()),
+        seek: async (p, _, R) => R === Rr.SEEK_CUR ? p + _ : R === Rr.SEEK_END ? -1 : R === Rr.SEEK_SET ? _ : R === Rr.AVSEEK_SIZE ? n : -1,
+        subtitle: (p, _, R) => {
+          Ne(
+            (U) => U.find(({ title: Q }) => Q === p) ? U.map((Q) => Q.title === p ? { title: p, language: _, data: R } : Q) : [...U, { title: p, language: _, data: R }]
+          );
+        },
+        attachment: (p, _, R) => {
+          q?.find(({ filename: U }) => p === U) || O((U) => [
+            ...U ?? [],
+            { filename: p, mimetype: _, data: new Uint8Array(R) }
+          ]);
+        },
+        write: ({ isHeader: p, offset: _, buffer: R, pts: U, duration: Q, pos: A }) => {
+          if (p) {
+            ze || (ze = {
+              offset: _,
+              buffer: new Uint8Array(R),
+              pts: U,
+              duration: Q,
+              pos: A
+            });
+            return;
+          }
+          ce = [
+            ...ce,
+            {
+              offset: _,
+              buffer: new Uint8Array(R),
+              pts: U,
+              duration: Q,
+              pos: A
+            }
+          ];
+        }
+      });
+      const Ae = new st({ concurrency: 1 }), cr = (p = nr) => Ae.add(
+        () => We.process(p),
+        { throwOnTimeout: !0 }
+      ), We = await C;
+      if (await We.init(), !ze)
+        throw new Error("No header chunk found after transmuxer init");
+      ze.buffer.buffer.fileStart = 0, Oe.appendBuffer(ze.buffer.buffer);
+      const He = (await We.getInfo()).input.duration / 1e6;
+      Z(He), await kr;
+      const oe = D;
+      oe.addEventListener("error", (p) => {
+        console.error(p.target?.error);
+      });
+      const Je = new MediaSource();
+      D.src = URL.createObjectURL(Je);
+      const fe = await new Promise(
+        (p) => Je.addEventListener(
+          "sourceopen",
+          () => p(Je.addSourceBuffer(je)),
+          { once: !0 }
+        )
+      );
+      Je.duration = He, fe.mode = "segments";
+      const lr = new st({ concurrency: 1 }), Ue = () => Array(fe.buffered.length).fill(void 0).map((p, _) => ({
+        index: _,
+        start: fe.buffered.start(_),
+        end: fe.buffered.end(_)
+      })), Sr = (p, _) => {
+        const R = (K) => {
+          p(K), A();
+        }, U = (K) => {
+          p(K), A();
+        }, Q = (K) => {
+          console.error(K), _(K), A();
+        }, A = () => {
+          fe.removeEventListener("updateend", R), fe.removeEventListener("abort", U), fe.removeEventListener("error", Q);
+        };
+        fe.addEventListener("updateend", R, { once: !0 }), fe.addEventListener("abort", U, { once: !0 }), fe.addEventListener("error", Q, { once: !0 });
+      }, _r = (p) => lr.add(
+        () => new Promise((_, R) => {
+          Sr(_, R), fe.appendBuffer(p);
+        })
+      ), xr = (p) => _r(p.buffer.buffer), Ze = async (p, _) => lr.add(
+        () => new Promise((R, U) => {
+          Sr(R, U), fe.remove(p, _);
+        })
+      ), Cr = (p) => Ze(p.pts, p.pts + p.duration), Br = async (p) => {
+        if (ce.indexOf(p) === -1)
+          throw new RangeError("No chunk found");
+        await Cr(p), ce = ce.filter((R) => R !== p);
+      };
+      let Xe = !1;
+      const ur = St(500, async (p) => {
+        const _ = !oe.paused;
+        D?.pause(), Xe = !0, l(p);
+        const R = Ue();
+        if (R.some(({ start: A, end: K }) => p >= A && p <= K)) {
+          oe.currentTime = p, Xe = !1, _ && oe.play();
+          return;
+        }
+        const U = new Promise((A) => {
+          Ae.size && Ae.pending ? Ae.on(
+            "next",
+            () => Ae.pending === 0 ? A(void 0) : void 0
+          ) : A(void 0);
+        });
+        Ae.pause(), Ae.clear(), await U, Ae.start();
+        const Q = Math.max(0, p - Pr);
+        await We.seek(Q), await cr(nr + nr);
+        for (const A of R)
+          await Ze(A.start, A.end);
+        for (const A of ce)
+          A.pts <= Q || await xr(A);
+        oe.currentTime = p, Xe = !1, _ && oe.play();
+      });
+      H.current = ur;
+      const fr = async (p) => {
+        const _ = Ue(), R = ce.filter(
+          ({ pts: Y, duration: te }) => p - Pr < Y && p + wa > Y + te
+        ), U = R.filter(
+          ({ pts: Y, duration: te }) => p - Pr < Y && p + nr > Y + te
+        ), Q = ce.filter(({ pts: Y, duration: te }) => _.some(({ start: gr, end: t }) => gr < Y + te / 2 && Y + te / 2 < t)).filter((Y) => !U.includes(Y)), A = ce.filter((Y) => !R.includes(Y));
+        for (const Y of Q)
+          await Cr(Y);
+        for (const Y of A)
+          await Br(Y);
+        const K = R.sort(({ pts: Y }, { pts: te }) => Y - te).at(0), mr = R.sort(({ pts: Y, duration: te }, { pts: gr, duration: t }) => Y + te - (gr + t)).at(-1);
+        for (const Y of U)
+          try {
+            await xr(Y);
+          } catch (te) {
+            if (console.error(te), !(te instanceof Event))
+              throw te;
+            break;
+          }
+        const Qe = K ? Math.max(K?.pts - Pr, 0) : void 0, Ke = mr ? Math.min(mr.pts + mr.duration + nr, He) : void 0, zr = Ue();
+        for (const { start: Y, end: te } of zr)
+          !Qe || !Ke || (Qe !== void 0 && Y < Qe && await Ze(Y, Qe), Ke !== void 0 && te > Ke && await Ze(Ke, te));
+      }, Ye = new Promise((p) => {
+        oe.addEventListener("loadedmetadata", () => p(void 0), { once: !0 });
+      });
+      oe.addEventListener(
+        "canplay",
+        () => oe.play().catch((p) => {
+          !(p instanceof DOMException) || p.name !== "NotAllowedError" || (se(!0), S(!1));
+        }),
+        { once: !0 }
+      ), await _r(ze.buffer), await Ye, await cr(20), await fr(0);
+      const dr = St(500, async (p) => {
+        const _ = ce.sort(({ pts: R }, { pts: U }) => R - U).at(-1);
+        _ && _.pts < p + nr && await cr(), await fr(p);
+      });
+      oe.addEventListener("timeupdate", () => {
+        Xe || dr(oe.currentTime);
+      }), Ce = window.setInterval(() => {
+        const p = Ue(), _ = p.sort(({ start: A }, { start: K }) => A - K).at(0), R = p.sort(({ end: A }, { end: K }) => A - K).at(-1);
+        if (!_ || !R)
+          return;
+        let U = ce.filter(({ pts: A, duration: K }) => A + K / 2 > _.start).sort(({ pts: A }, { pts: K }) => A - K).at(0)?.pts, Q = ce.filter(({ pts: A, duration: K }) => A + K / 2 < R.end).sort(({ pts: A }, { pts: K }) => A - K).at(-1)?.pts;
+        U === void 0 || Q === void 0 || ge([U, Q]);
+      }, 200);
+    })(), () => {
+      C.then((Oe) => Oe.destroy(!0)), window.clearInterval(Ce);
+    };
+  }, [n, D]);
+  const ae = (C) => {
+    S(!0);
+  }, [Te, pe] = G(!1), Pe = (C) => {
+    pe(!1);
+  }, Fe = (C) => {
+    y.current && (pe(!0), l(y.current?.currentTime ?? 0));
+  }, xe = (C) => {
+    pe(!0), H.current?.(C);
+  }, Se = (C) => {
+    Te || (l(y.current?.currentTime ?? 0), S(!1));
+  }, ye = (C) => (Ce) => {
+    P(C);
+  }, z = () => {
+    if (document.pictureInPictureElement)
+      return document.exitPictureInPicture();
+    y.current?.requestPictureInPicture();
+  }, ue = () => {
+    if (document.fullscreenElement)
+      return document.exitFullscreen();
+    w.current?.requestFullscreen();
+  }, Ee = async () => {
+    se(!1), y.current?.paused ? await y.current?.play() : await y.current?.pause();
+  }, Be = (C) => {
+    y.current && (y.current.volume = C);
+  }, s = () => {
+    if (y.current)
+      return y.current.volume;
+  };
+  return /* @__PURE__ */ he("div", { css: Na, ref: w, children: [
+    /* @__PURE__ */ h(
+      "video",
+      {
+        ref: (C) => {
+          typeof v == "function" && v(C), v && "current" in v && (v.current = C), y.current = C ?? void 0, x(y.current);
+        },
+        onWaiting: ae,
+        onSeeking: Fe,
+        onSeeked: Pe,
+        onTimeUpdate: Se,
+        onPlay: ye(!0),
+        onPause: ye(!1)
+      }
+    ),
+    /* @__PURE__ */ h(
+      ya,
+      {
+        className: "chrome",
+        customOverlay: e,
+        isPlaying: k,
+        video: y,
+        needsInitialInteraction: ke,
+        loading: N,
+        duration: me,
+        currentTime: $,
+        loadedTime: X,
+        pictureInPicture: z,
+        fullscreen: ue,
+        play: Ee,
+        seek: xe,
+        getVolume: s,
+        setVolume: Be,
+        attachments: q,
+        tracks: Le,
+        errors: Me,
+        customControls: o,
+        libassWorkerUrl: b,
+        wasmUrl: u
+      }
+    )
+  ] });
+});
+export {
+  Oa as default
+};