@banou/media-player 0.2.1 → 0.2.3

package/build/index.js

@@ -1,12 +1,12 @@
 import * as Fe from "react";
-import gt, { forwardRef as ht, useContext as Vt, useState as z, useEffect as he, useRef as Ze, useMemo as Or } from "react";
-import { css as Er } from "@emotion/react";
+import ht, { forwardRef as pt, useContext as Vt, useState as Y, useEffect as he, useRef as Qe, useMemo as Or } from "react";
+import { css as Nr } from "@emotion/react";
 import { makeRemuxer as Bt } from "libav-wasm";
 import Ut from "jassub";
-import Je from "react-tooltip";
-import { VolumeX as Hr, Volume2 as zt, Volume1 as Yt, Volume as Wt, AlertTriangle as qt } from "react-feather";
+import Xe from "react-tooltip";
+import { VolumeX as Jr, Volume2 as zt, Volume1 as Yt, Volume as Wt, AlertTriangle as qt } from "react-feather";
 import Gt from "p-queue";
-var Ar = { exports: {} }, or = {};
+var Ar = { exports: {} }, ir = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -16,25 +16,25 @@ var Ar = { exports: {} }, or = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Jr;
+var Xr;
 function Kt() {
-  if (Jr)
-    return or;
-  Jr = 1;
-  var e = gt, r = Symbol.for("react.element"), t = 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 };
+  if (Xr)
+    return ir;
+  Xr = 1;
+  var e = ht, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(u, d, v) {
     var m, h = {}, y = null, k = null;
     v !== void 0 && (y = "" + v), d.key !== void 0 && (y = "" + d.key), d.ref !== void 0 && (k = d.ref);
     for (m in d)
-      a.call(d, m) && !i.hasOwnProperty(m) && (h[m] = d[m]);
+      a.call(d, m) && !o.hasOwnProperty(m) && (h[m] = d[m]);
     if (u && u.defaultProps)
       for (m in d = u.defaultProps, d)
         h[m] === void 0 && (h[m] = d[m]);
-    return { $$typeof: r, type: u, key: y, ref: k, props: h, _owner: o.current };
+    return { $$typeof: r, type: u, key: y, ref: k, props: h, _owner: i.current };
   }
-  return or.Fragment = t, or.jsx = l, or.jsxs = l, or;
+  return ir.Fragment = t, ir.jsx = l, ir.jsxs = l, ir;
 }
-var ir = {};
+var sr = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,10 +44,10 @@ var ir = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xr;
+var Zr;
 function Ht() {
-  return Xr || (Xr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = gt, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), N = Symbol.iterator, b = "@@iterator";
+  return Zr || (Zr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = ht, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), N = Symbol.iterator, b = "@@iterator";
     function x(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -66,22 +66,22 @@ function Ht() {
       {
         var E = _.ReactDebugCurrentFrame, $ = E.getStackAddendum();
         $ !== "" && (c += "%s", g = g.concat([$]));
-        var B = g.map(function(A) {
+        var V = g.map(function(A) {
           return String(A);
         });
-        B.unshift("Warning: " + c), Function.prototype.apply.call(console[n], console, B);
+        V.unshift("Warning: " + c), Function.prototype.apply.call(console[n], console, V);
       }
     }
-    var I = !1, f = !1, U = !1, R = !1, Ae = !1, we;
+    var I = !1, f = !1, B = !1, R = !1, Oe = !1, we;
     we = Symbol.for("react.module.reference");
-    function Ie(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === a || n === i || Ae || n === o || n === v || n === m || R || n === k || I || f || U || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === h || n.$$typeof === l || n.$$typeof === u || n.$$typeof === d || // This needs to include all possible module reference object
+    function Ae(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === o || Oe || n === i || n === v || n === m || R || n === k || I || f || B || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === h || n.$$typeof === l || n.$$typeof === u || n.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       n.$$typeof === we || n.getModuleId !== void 0));
     }
-    function $e(n, c, g) {
+    function Ie(n, c, g) {
       var E = n.displayName;
       if (E)
         return E;
@@ -91,7 +91,7 @@ function Ht() {
     function ue(n) {
       return n.displayName || "Context";
     }
-    function K(n) {
+    function H(n) {
       if (n == null)
         return null;
       if (typeof n.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
@@ -103,9 +103,9 @@ function Ht() {
           return "Fragment";
         case t:
           return "Portal";
-        case i:
-          return "Profiler";
         case o:
+          return "Profiler";
+        case i:
           return "StrictMode";
         case v:
           return "Suspense";
@@ -121,14 +121,14 @@ function Ht() {
             var g = n;
             return ue(g._context) + ".Provider";
           case d:
-            return $e(n, n.render, "ForwardRef");
+            return Ie(n, n.render, "ForwardRef");
           case h:
             var E = n.displayName || null;
-            return E !== null ? E : K(n.type) || "Memo";
+            return E !== null ? E : H(n.type) || "Memo";
           case y: {
-            var $ = n, B = $._payload, A = $._init;
+            var $ = n, V = $._payload, A = $._init;
             try {
-              return K(A(B));
+              return H(A(V));
             } catch {
               return null;
             }
@@ -136,14 +136,14 @@ function Ht() {
         }
       return null;
     }
-    var H = Object.assign, fe = 0, J, Ee, ne, ae, re, Ne, ke;
+    var J = Object.assign, fe = 0, X, Ee, ne, ae, ee, Ne, ke;
     function Ce() {
     }
     Ce.__reactDisabledLog = !0;
-    function Le() {
+    function $e() {
       {
         if (fe === 0) {
-          J = console.log, Ee = console.info, ne = console.warn, ae = console.error, re = console.group, Ne = console.groupCollapsed, ke = console.groupEnd;
+          X = console.log, Ee = console.info, ne = console.warn, ae = console.error, ee = console.group, Ne = console.groupCollapsed, ke = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
@@ -172,25 +172,25 @@ function Ht() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: H({}, n, {
-              value: J
+            log: J({}, n, {
+              value: X
             }),
-            info: H({}, n, {
+            info: J({}, n, {
               value: Ee
             }),
-            warn: H({}, n, {
+            warn: J({}, n, {
               value: ne
             }),
-            error: H({}, n, {
+            error: J({}, n, {
               value: ae
             }),
-            group: H({}, n, {
-              value: re
+            group: J({}, n, {
+              value: ee
             }),
-            groupCollapsed: H({}, n, {
+            groupCollapsed: J({}, n, {
               value: Ne
             }),
-            groupEnd: H({}, n, {
+            groupEnd: J({}, n, {
               value: ke
             })
           });
@@ -229,8 +229,8 @@ function Ht() {
       ie = !0;
       var $ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var B;
-      B = ve.current, ve.current = null, Le();
+      var V;
+      V = ve.current, ve.current = null, $e();
       try {
         if (c) {
           var A = function() {
@@ -267,31 +267,31 @@ function Ht() {
         if (De && E && typeof De.stack == "string") {
           for (var T = De.stack.split(`
 `), le = E.stack.split(`
-`), G = T.length - 1, X = le.length - 1; G >= 1 && X >= 0 && T[G] !== le[X]; )
-            X--;
-          for (; G >= 1 && X >= 0; G--, X--)
-            if (T[G] !== le[X]) {
-              if (G !== 1 || X !== 1)
+`), K = T.length - 1, Z = le.length - 1; K >= 1 && Z >= 0 && T[K] !== le[Z]; )
+            Z--;
+          for (; K >= 1 && Z >= 0; K--, Z--)
+            if (T[K] !== le[Z]) {
+              if (K !== 1 || Z !== 1)
                 do
-                  if (G--, X--, X < 0 || T[G] !== le[X]) {
+                  if (K--, Z--, Z < 0 || T[K] !== le[Z]) {
                     var xe = `
-` + T[G].replace(" at new ", " at ");
+` + T[K].replace(" at new ", " at ");
                     return n.displayName && xe.includes("<anonymous>") && (xe = xe.replace("<anonymous>", n.displayName)), typeof n == "function" && be.set(n, xe), xe;
                   }
-                while (G >= 1 && X >= 0);
+                while (K >= 1 && Z >= 0);
               break;
             }
         }
       } finally {
-        ie = !1, ve.current = B, _e(), Error.prepareStackTrace = $;
+        ie = !1, ve.current = V, _e(), Error.prepareStackTrace = $;
       }
-      var He = n ? n.displayName || n.name : "", Kr = He ? j(He) : "";
-      return typeof n == "function" && be.set(n, Kr), Kr;
+      var Je = n ? n.displayName || n.name : "", Hr = Je ? j(Je) : "";
+      return typeof n == "function" && be.set(n, Hr), Hr;
     }
     function w(n, c, g) {
       return s(n, !1);
     }
-    function Y(n) {
+    function W(n) {
       var c = n.prototype;
       return !!(c && c.isReactComponent);
     }
@@ -299,7 +299,7 @@ function Ht() {
       if (n == null)
         return "";
       if (typeof n == "function")
-        return s(n, Y(n));
+        return s(n, W(n));
       if (typeof n == "string")
         return j(n);
       switch (n) {
@@ -315,28 +315,28 @@ function Ht() {
           case h:
             return de(n.type, c, g);
           case y: {
-            var E = n, $ = E._payload, B = E._init;
+            var E = n, $ = E._payload, V = E._init;
             try {
-              return de(B($), c, g);
+              return de(V($), c, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Be = Object.prototype.hasOwnProperty, Ye = {}, tr = _.ReactDebugCurrentFrame;
-    function Me(n) {
+    var Ve = Object.prototype.hasOwnProperty, We = {}, nr = _.ReactDebugCurrentFrame;
+    function Le(n) {
       if (n) {
         var c = n._owner, g = de(n.type, n._source, c ? c.type : null);
-        tr.setExtraStackFrame(g);
+        nr.setExtraStackFrame(g);
       } else
-        tr.setExtraStackFrame(null);
+        nr.setExtraStackFrame(null);
     }
     function me(n, c, g, E, $) {
       {
-        var B = Function.call.bind(Be);
+        var V = Function.call.bind(Ve);
         for (var A in n)
-          if (B(n, A)) {
+          if (V(n, A)) {
             var T = void 0;
             try {
               if (typeof n[A] != "function") {
@@ -344,54 +344,54 @@ function Ht() {
                 throw le.name = "Invariant Violation", le;
               }
               T = n[A](c, A, E, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (G) {
-              T = G;
+            } catch (K) {
+              T = K;
             }
-            T && !(T instanceof Error) && (Me($), S("%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", g, A, typeof T), Me(null)), T instanceof Error && !(T.message in Ye) && (Ye[T.message] = !0, Me($), S("Failed %s type: %s", g, T.message), Me(null));
+            T && !(T instanceof Error) && (Le($), S("%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", g, A, typeof T), Le(null)), T instanceof Error && !(T.message in We) && (We[T.message] = !0, Le($), S("Failed %s type: %s", g, T.message), Le(null));
           }
       }
     }
-    var dr = Array.isArray;
-    function We(n) {
-      return dr(n);
-    }
+    var mr = Array.isArray;
     function qe(n) {
+      return mr(n);
+    }
+    function Ge(n) {
       {
         var c = typeof Symbol == "function" && Symbol.toStringTag, g = c && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return g;
       }
     }
-    function mr(n) {
+    function gr(n) {
       try {
-        return nr(n), !1;
+        return ar(n), !1;
       } catch {
         return !0;
       }
     }
-    function nr(n) {
+    function ar(n) {
       return "" + n;
     }
     function se(n) {
-      if (mr(n))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qe(n)), nr(n);
+      if (gr(n))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(n)), ar(n);
     }
-    var Ue = _.ReactCurrentOwner, _r = {
+    var Be = _.ReactCurrentOwner, Rr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ge, Ke, Ve;
-    Ve = {};
-    function ze(n) {
-      if (Be.call(n, "ref")) {
+    }, Ue, Ke, ze;
+    ze = {};
+    function He(n) {
+      if (Ve.call(n, "ref")) {
         var c = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (c && c.isReactWarning)
           return !1;
       }
       return n.ref !== void 0;
     }
-    function Rr(n) {
-      if (Be.call(n, "key")) {
+    function Ye(n) {
+      if (Ve.call(n, "key")) {
         var c = Object.getOwnPropertyDescriptor(n, "key").get;
         if (c && c.isReactWarning)
           return !1;
@@ -399,15 +399,15 @@ function Ht() {
       return n.key !== void 0;
     }
     function Cr(n, c) {
-      if (typeof n.ref == "string" && Ue.current && c && Ue.current.stateNode !== c) {
-        var g = K(Ue.current.type);
-        Ve[g] || (S('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', K(Ue.current.type), n.ref), Ve[g] = !0);
+      if (typeof n.ref == "string" && Be.current && c && Be.current.stateNode !== c) {
+        var g = H(Be.current.type);
+        ze[g] || (S('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', H(Be.current.type), n.ref), ze[g] = !0);
       }
     }
-    function C(n, c) {
+    function Tr(n, c) {
       {
         var g = function() {
-          Ge || (Ge = !0, S("%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));
+          Ue || (Ue = !0, S("%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));
         };
         g.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: g,
@@ -415,7 +415,7 @@ function Ht() {
         });
       }
     }
-    function O(n, c) {
+    function C(n, c) {
       {
         var g = function() {
           Ke || (Ke = !0, S("%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));
@@ -426,7 +426,7 @@ function Ht() {
         });
       }
     }
-    var W = function(n, c, g, E, $, B, A) {
+    var O = function(n, c, g, E, $, V, A) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -436,7 +436,7 @@ function Ht() {
         ref: g,
         props: A,
         // Record the component responsible for creating this element.
-        _owner: B
+        _owner: V
       };
       return T._store = {}, Object.defineProperty(T._store, "validated", {
         configurable: !1,
@@ -455,41 +455,41 @@ function Ht() {
         value: $
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function Q(n, c, g, E, $) {
+    function q(n, c, g, E, $) {
       {
-        var B, A = {}, T = null, le = null;
-        g !== void 0 && (se(g), T = "" + g), Rr(c) && (se(c.key), T = "" + c.key), ze(c) && (le = c.ref, Cr(c, $));
-        for (B in c)
-          Be.call(c, B) && !_r.hasOwnProperty(B) && (A[B] = c[B]);
+        var V, A = {}, T = null, le = null;
+        g !== void 0 && (se(g), T = "" + g), Ye(c) && (se(c.key), T = "" + c.key), He(c) && (le = c.ref, Cr(c, $));
+        for (V in c)
+          Ve.call(c, V) && !Rr.hasOwnProperty(V) && (A[V] = c[V]);
         if (n && n.defaultProps) {
-          var G = n.defaultProps;
-          for (B in G)
-            A[B] === void 0 && (A[B] = G[B]);
+          var K = n.defaultProps;
+          for (V in K)
+            A[V] === void 0 && (A[V] = K[V]);
         }
         if (T || le) {
-          var X = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          T && C(A, X), le && O(A, X);
+          var Z = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          T && Tr(A, Z), le && C(A, Z);
         }
-        return W(n, T, le, $, E, Ue.current, A);
+        return O(n, T, le, $, E, Be.current, A);
       }
     }
-    var ee = _.ReactCurrentOwner, q = _.ReactDebugCurrentFrame;
-    function V(n) {
+    var G = _.ReactCurrentOwner, re = _.ReactDebugCurrentFrame;
+    function U(n) {
       if (n) {
         var c = n._owner, g = de(n.type, n._source, c ? c.type : null);
-        q.setExtraStackFrame(g);
+        re.setExtraStackFrame(g);
       } else
-        q.setExtraStackFrame(null);
+        re.setExtraStackFrame(null);
     }
-    var ce;
-    ce = !1;
-    function Te(n) {
+    var z;
+    z = !1;
+    function ce(n) {
       return typeof n == "object" && n !== null && n.$$typeof === r;
     }
-    function Tr() {
+    function Me() {
       {
-        if (ee.current) {
-          var n = K(ee.current.type);
+        if (G.current) {
+          var n = H(G.current.type);
           if (n)
             return `
 
@@ -498,7 +498,7 @@ Check the render method of \`` + n + "`.";
         return "";
       }
     }
-    function gr(n) {
+    function Wr(n) {
       {
         if (n !== void 0) {
           var c = n.fileName.replace(/^.*[\\\/]/, ""), g = n.lineNumber;
@@ -509,10 +509,10 @@ Check your code at ` + c + ":" + g + ".";
         return "";
       }
     }
-    var ar = {};
-    function It(n) {
+    var or = {};
+    function hr(n) {
       {
-        var c = Tr();
+        var c = Me();
         if (!c) {
           var g = typeof n == "string" ? n : n.displayName || n.name;
           g && (c = `
@@ -522,35 +522,35 @@ Check the top-level render call using <` + g + ">.");
         return c;
       }
     }
-    function Wr(n, c) {
+    function qr(n, c) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var g = It(c);
-        if (ar[g])
+        var g = hr(c);
+        if (or[g])
           return;
-        ar[g] = !0;
+        or[g] = !0;
         var E = "";
-        n && n._owner && n._owner !== ee.current && (E = " It was passed a child from " + K(n._owner.type) + "."), V(n), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, E), V(null);
+        n && n._owner && n._owner !== G.current && (E = " It was passed a child from " + H(n._owner.type) + "."), U(n), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, E), U(null);
       }
     }
-    function qr(n, c) {
+    function Gr(n, c) {
       {
         if (typeof n != "object")
           return;
-        if (We(n))
+        if (qe(n))
           for (var g = 0; g < n.length; g++) {
             var E = n[g];
-            Te(E) && Wr(E, c);
+            ce(E) && qr(E, c);
           }
-        else if (Te(n))
+        else if (ce(n))
           n._store && (n._store.validated = !0);
         else if (n) {
           var $ = x(n);
           if (typeof $ == "function" && $ !== n.entries)
-            for (var B = $.call(n), A; !(A = B.next()).done; )
-              Te(A.value) && Wr(A.value, c);
+            for (var V = $.call(n), A; !(A = V.next()).done; )
+              ce(A.value) && qr(A.value, c);
         }
       }
     }
@@ -569,11 +569,11 @@ Check the top-level render call using <` + g + ">.");
         else
           return;
         if (g) {
-          var E = K(c);
+          var E = H(c);
           me(g, n.props, "prop", E, n);
-        } else if (c.PropTypes !== void 0 && !ce) {
-          ce = !0;
-          var $ = K(c);
+        } else if (c.PropTypes !== void 0 && !z) {
+          z = !0;
+          var $ = H(c);
           S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
         }
         typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -584,56 +584,56 @@ Check the top-level render call using <` + g + ">.");
         for (var c = Object.keys(n.props), g = 0; g < c.length; g++) {
           var E = c[g];
           if (E !== "children" && E !== "key") {
-            V(n), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), V(null);
+            U(n), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), U(null);
             break;
           }
         }
-        n.ref !== null && (V(n), S("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+        n.ref !== null && (U(n), S("Invalid attribute `ref` supplied to `React.Fragment`."), U(null));
       }
     }
-    function Gr(n, c, g, E, $, B) {
+    function Kr(n, c, g, E, $, V) {
       {
-        var A = Ie(n);
+        var A = Ae(n);
         if (!A) {
           var T = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).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 le = gr($);
-          le ? T += le : T += Tr();
-          var G;
-          n === null ? G = "null" : We(n) ? G = "array" : n !== void 0 && n.$$typeof === r ? (G = "<" + (K(n.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : G = typeof n, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, T);
+          var le = Wr($);
+          le ? T += le : T += Me();
+          var K;
+          n === null ? K = "null" : qe(n) ? K = "array" : n !== void 0 && n.$$typeof === r ? (K = "<" + (H(n.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : K = typeof n, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", K, T);
         }
-        var X = Q(n, c, g, $, B);
-        if (X == null)
-          return X;
+        var Z = q(n, c, g, $, V);
+        if (Z == null)
+          return Z;
         if (A) {
           var xe = c.children;
           if (xe !== void 0)
             if (E)
-              if (We(xe)) {
-                for (var He = 0; He < xe.length; He++)
-                  qr(xe[He], n);
+              if (qe(xe)) {
+                for (var Je = 0; Je < xe.length; Je++)
+                  Gr(xe[Je], n);
                 Object.freeze && Object.freeze(xe);
               } else
                 S("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
-              qr(xe, n);
+              Gr(xe, n);
         }
-        return n === a ? Lt(X) : $t(X), X;
+        return n === a ? Lt(Z) : $t(Z), Z;
       }
     }
     function Mt(n, c, g) {
-      return Gr(n, c, g, !0);
+      return Kr(n, c, g, !0);
     }
     function Dt(n, c, g) {
-      return Gr(n, c, g, !1);
+      return Kr(n, c, g, !1);
     }
     var Ft = Dt, jt = Mt;
-    ir.Fragment = a, ir.jsx = Ft, ir.jsxs = jt;
-  }()), ir;
+    sr.Fragment = a, sr.jsx = Ft, sr.jsxs = jt;
+  }()), sr;
 }
 process.env.NODE_ENV === "production" ? Ar.exports = Kt() : Ar.exports = Ht();
 var Fr = Ar.exports;
-const Jt = Fr.Fragment, Zr = Fr.jsx, Qr = Fr.jsxs;
+const Jt = Fr.Fragment, Qr = Fr.jsx, et = Fr.jsxs;
 function Xt(e) {
   if (e.sheet)
     return e.sheet;
@@ -648,9 +648,9 @@ function Zt(e) {
 var Qt = /* @__PURE__ */ function() {
   function e(t) {
     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._insertTag = function(i) {
+      var o;
+      a.tags.length === 0 ? a.insertionPoint ? o = a.insertionPoint.nextSibling : a.prepend ? o = a.container.firstChild : o = a.before : o = a.tags[a.tags.length - 1].nextSibling, a.container.insertBefore(i, o), a.tags.push(i);
     }, this.isSpeedy = t.speedy === void 0 ? process.env.NODE_ENV === "production" : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
   }
   var r = e.prototype;
@@ -658,32 +658,32 @@ var Qt = /* @__PURE__ */ function() {
     a.forEach(this._insertTag);
   }, r.insert = function(a) {
     this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Zt(this));
-    var o = this.tags[this.tags.length - 1];
+    var i = 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;
+      var o = a.charCodeAt(0) === 64 && a.charCodeAt(1) === 105;
+      o && 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 || !o;
     }
     if (this.isSpeedy) {
-      var l = Xt(o);
+      var l = Xt(i);
       try {
         l.insertRule(a, l.cssRules.length);
       } catch (u) {
         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 + '"', u);
       }
     } else
-      o.appendChild(document.createTextNode(a));
+      i.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;
-}(), oe = "-ms-", yr = "-moz-", L = "-webkit-", jr = "comm", Vr = "rule", Br = "decl", en = "@import", pt = "@keyframes", rn = "@layer", tn = Math.abs, Nr = String.fromCharCode, nn = Object.assign;
+}(), oe = "-ms-", wr = "-moz-", L = "-webkit-", jr = "comm", Vr = "rule", Br = "decl", en = "@import", vt = "@keyframes", rn = "@layer", tn = Math.abs, kr = String.fromCharCode, nn = Object.assign;
 function an(e, r) {
   return te(e, 0) ^ 45 ? (((r << 2 ^ te(e, 0)) << 2 ^ te(e, 1)) << 2 ^ te(e, 2)) << 2 ^ te(e, 3) : 0;
 }
-function vt(e) {
+function bt(e) {
   return e.trim();
 }
 function on(e, r) {
@@ -698,47 +698,47 @@ function Ir(e, r) {
 function te(e, r) {
   return e.charCodeAt(r) | 0;
 }
-function cr(e, r, t) {
+function lr(e, r, t) {
   return e.slice(r, t);
 }
-function Pe(e) {
+function Te(e) {
   return e.length;
 }
 function Ur(e) {
   return e.length;
 }
-function hr(e, r) {
+function pr(e, r) {
   return r.push(e), e;
 }
 function sn(e, r) {
   return e.map(r).join("");
 }
-var kr = 1, er = 1, bt = 0, pe = 0, Z = 0, rr = "";
-function Sr(e, r, t, a, o, i, l) {
-  return { value: e, root: r, parent: t, type: a, props: o, children: i, line: kr, column: er, length: l, return: "" };
+var Sr = 1, rr = 1, yt = 0, pe = 0, Q = 0, tr = "";
+function xr(e, r, t, a, i, o, l) {
+  return { value: e, root: r, parent: t, type: a, props: i, children: o, line: Sr, column: rr, length: l, return: "" };
 }
-function sr(e, r) {
-  return nn(Sr("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+function cr(e, r) {
+  return nn(xr("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
 function cn() {
-  return Z;
+  return Q;
 }
 function ln() {
-  return Z = pe > 0 ? te(rr, --pe) : 0, er--, Z === 10 && (er = 1, kr--), Z;
+  return Q = pe > 0 ? te(tr, --pe) : 0, rr--, Q === 10 && (rr = 1, Sr--), Q;
 }
 function ye() {
-  return Z = pe < bt ? te(rr, pe++) : 0, er++, Z === 10 && (er = 1, kr++), Z;
+  return Q = pe < yt ? te(tr, pe++) : 0, rr++, Q === 10 && (rr = 1, Sr++), Q;
 }
-function Oe() {
-  return te(rr, pe);
+function Pe() {
+  return te(tr, pe);
 }
-function pr() {
+function vr() {
   return pe;
 }
-function fr(e, r) {
-  return cr(rr, e, r);
+function dr(e, r) {
+  return lr(tr, e, r);
 }
-function lr(e) {
+function ur(e) {
   switch (e) {
     case 0:
     case 9:
@@ -770,33 +770,33 @@ function lr(e) {
   }
   return 0;
 }
-function yt(e) {
-  return kr = er = 1, bt = Pe(rr = e), pe = 0, [];
-}
 function wt(e) {
-  return rr = "", e;
+  return Sr = rr = 1, yt = Te(tr = e), pe = 0, [];
+}
+function Et(e) {
+  return tr = "", e;
 }
-function vr(e) {
-  return vt(fr(pe - 1, $r(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function br(e) {
+  return bt(dr(pe - 1, $r(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function un(e) {
-  for (; (Z = Oe()) && Z < 33; )
+  for (; (Q = Pe()) && Q < 33; )
     ye();
-  return lr(e) > 2 || lr(Z) > 3 ? "" : " ";
+  return ur(e) > 2 || ur(Q) > 3 ? "" : " ";
 }
 function fn(e, r) {
-  for (; --r && ye() && !(Z < 48 || Z > 102 || Z > 57 && Z < 65 || Z > 70 && Z < 97); )
+  for (; --r && ye() && !(Q < 48 || Q > 102 || Q > 57 && Q < 65 || Q > 70 && Q < 97); )
     ;
-  return fr(e, pr() + (r < 6 && Oe() == 32 && ye() == 32));
+  return dr(e, vr() + (r < 6 && Pe() == 32 && ye() == 32));
 }
 function $r(e) {
   for (; ye(); )
-    switch (Z) {
+    switch (Q) {
       case e:
         return pe;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && $r(Z);
+        e !== 34 && e !== 39 && $r(Q);
         break;
       case 40:
         e === 41 && $r(e);
@@ -808,31 +808,31 @@ function $r(e) {
   return pe;
 }
 function dn(e, r) {
-  for (; ye() && e + Z !== 47 + 10; )
-    if (e + Z === 42 + 42 && Oe() === 47)
+  for (; ye() && e + Q !== 47 + 10; )
+    if (e + Q === 42 + 42 && Pe() === 47)
       break;
-  return "/*" + fr(r, pe - 1) + "*" + Nr(e === 47 ? e : ye());
+  return "/*" + dr(r, pe - 1) + "*" + kr(e === 47 ? e : ye());
 }
 function mn(e) {
-  for (; !lr(Oe()); )
+  for (; !ur(Pe()); )
     ye();
-  return fr(e, pe);
+  return dr(e, pe);
 }
 function gn(e) {
-  return wt(br("", null, null, null, [""], e = yt(e), 0, [0], e));
+  return Et(yr("", null, null, null, [""], e = wt(e), 0, [0], e));
 }
-function br(e, r, t, a, o, i, l, u, d) {
-  for (var v = 0, m = 0, h = l, y = 0, k = 0, N = 0, b = 1, x = 1, _ = 1, S = 0, P = "", I = o, f = i, U = a, R = P; x; )
+function yr(e, r, t, a, i, o, l, u, d) {
+  for (var v = 0, m = 0, h = l, y = 0, k = 0, N = 0, b = 1, x = 1, _ = 1, S = 0, P = "", I = i, f = o, B = a, R = P; x; )
     switch (N = S, S = ye()) {
       case 40:
         if (N != 108 && te(R, h - 1) == 58) {
-          Ir(R += M(vr(S), "&", "&\f"), "&\f") != -1 && (_ = -1);
+          Ir(R += M(br(S), "&", "&\f"), "&\f") != -1 && (_ = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        R += vr(S);
+        R += br(S);
         break;
       case 9:
       case 10:
@@ -841,20 +841,20 @@ function br(e, r, t, a, o, i, l, u, d) {
         R += un(N);
         break;
       case 92:
-        R += fn(pr() - 1, 7);
+        R += fn(vr() - 1, 7);
         continue;
       case 47:
-        switch (Oe()) {
+        switch (Pe()) {
           case 42:
           case 47:
-            hr(hn(dn(ye(), pr()), r, t), d);
+            pr(hn(dn(ye(), vr()), r, t), d);
             break;
           default:
             R += "/";
         }
         break;
       case 123 * b:
-        u[v++] = Pe(R) * _;
+        u[v++] = Te(R) * _;
       case 125 * b:
       case 59:
       case 0:
@@ -863,30 +863,30 @@ function br(e, r, t, a, o, i, l, u, d) {
           case 125:
             x = 0;
           case 59 + m:
-            _ == -1 && (R = M(R, /\f/g, "")), k > 0 && Pe(R) - h && hr(k > 32 ? rt(R + ";", a, t, h - 1) : rt(M(R, " ", "") + ";", a, t, h - 2), d);
+            _ == -1 && (R = M(R, /\f/g, "")), k > 0 && Te(R) - h && pr(k > 32 ? tt(R + ";", a, t, h - 1) : tt(M(R, " ", "") + ";", a, t, h - 2), d);
             break;
           case 59:
             R += ";";
           default:
-            if (hr(U = et(R, r, t, v, m, o, u, P, I = [], f = [], h), i), S === 123)
+            if (pr(B = rt(R, r, t, v, m, i, u, P, I = [], f = [], h), o), S === 123)
               if (m === 0)
-                br(R, r, U, U, I, i, h, u, f);
+                yr(R, r, B, B, I, o, h, u, f);
               else
                 switch (y === 99 && te(R, 3) === 110 ? 100 : y) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    br(e, U, U, a && hr(et(e, U, U, 0, 0, o, u, P, o, I = [], h), f), o, f, h, u, a ? I : f);
+                    yr(e, B, B, a && pr(rt(e, B, B, 0, 0, i, u, P, i, I = [], h), f), i, f, h, u, a ? I : f);
                     break;
                   default:
-                    br(R, U, U, U, [""], f, 0, u, f);
+                    yr(R, B, B, B, [""], f, 0, u, f);
                 }
         }
         v = m = k = 0, b = _ = 1, P = R = "", h = l;
         break;
       case 58:
-        h = 1 + Pe(R), k = N;
+        h = 1 + Te(R), k = N;
       default:
         if (b < 1) {
           if (S == 123)
@@ -894,37 +894,37 @@ function br(e, r, t, a, o, i, l, u, d) {
           else if (S == 125 && b++ == 0 && ln() == 125)
             continue;
         }
-        switch (R += Nr(S), S * b) {
+        switch (R += kr(S), S * b) {
           case 38:
             _ = m > 0 ? 1 : (R += "\f", -1);
             break;
           case 44:
-            u[v++] = (Pe(R) - 1) * _, _ = 1;
+            u[v++] = (Te(R) - 1) * _, _ = 1;
             break;
           case 64:
-            Oe() === 45 && (R += vr(ye())), y = Oe(), m = h = Pe(P = R += mn(pr())), S++;
+            Pe() === 45 && (R += br(ye())), y = Pe(), m = h = Te(P = R += mn(vr())), S++;
             break;
           case 45:
-            N === 45 && Pe(R) == 2 && (b = 0);
+            N === 45 && Te(R) == 2 && (b = 0);
         }
     }
-  return i;
+  return o;
 }
-function et(e, r, t, a, o, i, l, u, d, v, m) {
-  for (var h = o - 1, y = o === 0 ? i : [""], k = Ur(y), N = 0, b = 0, x = 0; N < a; ++N)
-    for (var _ = 0, S = cr(e, h + 1, h = tn(b = l[N])), P = e; _ < k; ++_)
-      (P = vt(b > 0 ? y[_] + " " + S : M(S, /&\f/g, y[_]))) && (d[x++] = P);
-  return Sr(e, r, t, o === 0 ? Vr : u, d, v, m);
+function rt(e, r, t, a, i, o, l, u, d, v, m) {
+  for (var h = i - 1, y = i === 0 ? o : [""], k = Ur(y), N = 0, b = 0, x = 0; N < a; ++N)
+    for (var _ = 0, S = lr(e, h + 1, h = tn(b = l[N])), P = e; _ < k; ++_)
+      (P = bt(b > 0 ? y[_] + " " + S : M(S, /&\f/g, y[_]))) && (d[x++] = P);
+  return xr(e, r, t, i === 0 ? Vr : u, d, v, m);
 }
 function hn(e, r, t) {
-  return Sr(e, r, t, jr, Nr(cn()), cr(e, 2, -2), 0);
+  return xr(e, r, t, jr, kr(cn()), lr(e, 2, -2), 0);
 }
-function rt(e, r, t, a) {
-  return Sr(e, r, t, Br, cr(e, 0, a), cr(e, a + 1, -1), a);
+function tt(e, r, t, a) {
+  return xr(e, r, t, Br, lr(e, 0, a), lr(e, a + 1, -1), a);
 }
-function Qe(e, r) {
-  for (var t = "", a = Ur(e), o = 0; o < a; o++)
-    t += r(e[o], o, e, r) || "";
+function er(e, r) {
+  for (var t = "", a = Ur(e), i = 0; i < a; i++)
+    t += r(e[i], i, e, r) || "";
   return t;
 }
 function pn(e, r, t, a) {
@@ -937,18 +937,18 @@ function pn(e, r, t, a) {
       return e.return = e.return || e.value;
     case jr:
       return "";
-    case pt:
-      return e.return = e.value + "{" + Qe(e.children, a) + "}";
+    case vt:
+      return e.return = e.value + "{" + er(e.children, a) + "}";
     case Vr:
       e.value = e.props.join(",");
   }
-  return Pe(t = Qe(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
+  return Te(t = er(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
 }
 function vn(e) {
   var r = Ur(e);
-  return function(t, a, o, i) {
+  return function(t, a, i, o) {
     for (var l = "", u = 0; u < r; u++)
-      l += e[u](t, a, o, i) || "";
+      l += e[u](t, a, i, o) || "";
     return l;
   };
 }
@@ -964,43 +964,43 @@ function yn(e) {
   };
 }
 var wn = function(r, t, a) {
-  for (var o = 0, i = 0; o = i, i = Oe(), o === 38 && i === 12 && (t[a] = 1), !lr(i); )
+  for (var i = 0, o = 0; i = o, o = Pe(), i === 38 && o === 12 && (t[a] = 1), !ur(o); )
     ye();
-  return fr(r, pe);
+  return dr(r, pe);
 }, En = function(r, t) {
-  var a = -1, o = 44;
+  var a = -1, i = 44;
   do
-    switch (lr(o)) {
+    switch (ur(i)) {
       case 0:
-        o === 38 && Oe() === 12 && (t[a] = 1), r[a] += wn(pe - 1, t, a);
+        i === 38 && Pe() === 12 && (t[a] = 1), r[a] += wn(pe - 1, t, a);
         break;
       case 2:
-        r[a] += vr(o);
+        r[a] += br(i);
         break;
       case 4:
-        if (o === 44) {
-          r[++a] = Oe() === 58 ? "&\f" : "", t[a] = r[a].length;
+        if (i === 44) {
+          r[++a] = Pe() === 58 ? "&\f" : "", t[a] = r[a].length;
           break;
         }
       default:
-        r[a] += Nr(o);
+        r[a] += kr(i);
     }
-  while (o = ye());
+  while (i = ye());
   return r;
 }, Nn = function(r, t) {
-  return wt(En(yt(r), t));
-}, tt = /* @__PURE__ */ new WeakMap(), kn = function(r) {
+  return Et(En(wt(r), t));
+}, nt = /* @__PURE__ */ new WeakMap(), kn = function(r) {
   if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   r.length < 1)) {
-    for (var t = r.value, a = r.parent, o = r.column === a.column && r.line === a.line; a.type !== "rule"; )
+    for (var t = r.value, a = r.parent, i = r.column === a.column && r.line === a.line; a.type !== "rule"; )
       if (a = a.parent, !a)
         return;
-    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !tt.get(a)) && !o) {
-      tt.set(r, !0);
-      for (var i = [], l = Nn(t, i), u = a.props, d = 0, v = 0; d < l.length; d++)
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !nt.get(a)) && !i) {
+      nt.set(r, !0);
+      for (var o = [], l = Nn(t, o), u = a.props, d = 0, v = 0; d < l.length; d++)
         for (var m = 0; m < u.length; m++, v++)
-          r.props[v] = i[d] ? l[d].replace(/&\f/g, u[m]) : u[m] + " " + l[d];
+          r.props[v] = o[d] ? l[d].replace(/&\f/g, u[m]) : u[m] + " " + l[d];
     }
   }
 }, Sn = function(r) {
@@ -1013,13 +1013,13 @@ var wn = function(r, t, a) {
 }, xn = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", _n = function(r) {
   return r.type === "comm" && r.children.indexOf(xn) > -1;
 }, Rn = function(r) {
-  return function(t, a, o) {
+  return function(t, a, i) {
     if (!(t.type !== "rule" || r.compat)) {
-      var i = t.value.match(/(:first|:nth|:nth-last)-child/g);
-      if (i) {
+      var o = t.value.match(/(:first|:nth|:nth-last)-child/g);
+      if (o) {
         for (var l = !!t.parent, u = l ? t.parent.children : (
           // global rule at the root level
-          o
+          i
         ), d = u.length - 1; d >= 0; d--) {
           var v = u[d];
           if (v.line < t.line)
@@ -1030,25 +1030,25 @@ var wn = function(r, t, a) {
             break;
           }
         }
-        i.forEach(function(m) {
+        o.forEach(function(m) {
           console.error('The pseudo class "' + m + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + m.split("-child")[0] + '-of-type".');
         });
       }
     }
   };
-}, Et = function(r) {
+}, Nt = function(r) {
   return r.type.charCodeAt(1) === 105 && r.type.charCodeAt(0) === 64;
 }, Cn = function(r, t) {
   for (var a = r - 1; a >= 0; a--)
-    if (!Et(t[a]))
+    if (!Nt(t[a]))
       return !0;
   return !1;
-}, nt = function(r) {
+}, at = function(r) {
   r.type = "", r.value = "", r.return = "", r.children = "", r.props = "";
 }, Tn = function(r, t, a) {
-  Et(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."), nt(r)) : Cn(t, a) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), nt(r)));
+  Nt(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."), at(r)) : Cn(t, a) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), at(r)));
 };
-function Nt(e, r) {
+function kt(e, r) {
   switch (an(e, r)) {
     case 5103:
       return L + "print-" + e + e;
@@ -1083,7 +1083,7 @@ function Nt(e, r) {
     case 4810:
     case 6968:
     case 2756:
-      return L + e + yr + e + oe + e + e;
+      return L + e + wr + e + oe + e + e;
     case 6828:
     case 4268:
       return L + e + oe + e + e;
@@ -1127,22 +1127,22 @@ function Nt(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (Pe(e) - 1 - r > 6)
+      if (Te(e) - 1 - r > 6)
         switch (te(e, r + 1)) {
           case 109:
             if (te(e, r + 4) !== 45)
               break;
           case 102:
-            return M(e, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + yr + (te(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return M(e, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + wr + (te(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~Ir(e, "stretch") ? Nt(M(e, "stretch", "fill-available"), r) + e : e;
+            return ~Ir(e, "stretch") ? kt(M(e, "stretch", "fill-available"), r) + e : e;
         }
       break;
     case 4949:
       if (te(e, r + 1) !== 115)
         break;
     case 6444:
-      switch (te(e, Pe(e) - 3 - (~Ir(e, "!important") && 10))) {
+      switch (te(e, Te(e) - 3 - (~Ir(e, "!important") && 10))) {
         case 107:
           return M(e, ":", ":" + L) + e;
         case 101:
@@ -1162,33 +1162,33 @@ function Nt(e, r) {
   }
   return e;
 }
-var Pn = function(r, t, a, o) {
+var Pn = function(r, t, a, i) {
   if (r.length > -1 && !r.return)
     switch (r.type) {
       case Br:
-        r.return = Nt(r.value, r.length);
+        r.return = kt(r.value, r.length);
         break;
-      case pt:
-        return Qe([sr(r, {
+      case vt:
+        return er([cr(r, {
           value: M(r.value, "@", "@" + L)
-        })], o);
+        })], i);
       case Vr:
         if (r.length)
-          return sn(r.props, function(i) {
-            switch (on(i, /(::plac\w+|:read-\w+)/)) {
+          return sn(r.props, function(o) {
+            switch (on(o, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return Qe([sr(r, {
-                  props: [M(i, /:(read-\w+)/, ":" + yr + "$1")]
-                })], o);
+                return er([cr(r, {
+                  props: [M(o, /:(read-\w+)/, ":" + wr + "$1")]
+                })], i);
               case "::placeholder":
-                return Qe([sr(r, {
-                  props: [M(i, /:(plac\w+)/, ":" + L + "input-$1")]
-                }), sr(r, {
-                  props: [M(i, /:(plac\w+)/, ":" + yr + "$1")]
-                }), sr(r, {
-                  props: [M(i, /:(plac\w+)/, oe + "input-$1")]
-                })], o);
+                return er([cr(r, {
+                  props: [M(o, /:(plac\w+)/, ":" + L + "input-$1")]
+                }), cr(r, {
+                  props: [M(o, /:(plac\w+)/, ":" + wr + "$1")]
+                }), cr(r, {
+                  props: [M(o, /:(plac\w+)/, oe + "input-$1")]
+                })], i);
             }
             return "";
           });
@@ -1205,17 +1205,17 @@ If multiple caches share the same key they might "fight" for each other's style
       x.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
     });
   }
-  var o = r.stylisPlugins || On;
+  var i = r.stylisPlugins || On;
   if (process.env.NODE_ENV !== "production" && /[^a-z-]/.test(t))
     throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + t + '" was passed');
-  var i = {}, l, u = [];
+  var o = {}, l, u = [];
   l = r.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
     function(b) {
       for (var x = b.getAttribute("data-emotion").split(" "), _ = 1; _ < x.length; _++)
-        i[x[_]] = !0;
+        o[x[_]] = !0;
       u.push(b);
     }
   );
@@ -1230,8 +1230,8 @@ If multiple caches share the same key they might "fight" for each other's style
       b.root || (b.return ? m.insert(b.return) : b.value && b.type !== jr && m.insert(b.value + "{}"));
     } : bn(function(b) {
       m.insert(b);
-    })], y = vn(v.concat(o, h)), k = function(x) {
-      return Qe(gn(x), y);
+    })], y = vn(v.concat(i, h)), k = function(x) {
+      return er(gn(x), y);
     };
     d = function(x, _, S, P) {
       m = S, process.env.NODE_ENV !== "production" && _.map !== void 0 && (m = {
@@ -1252,7 +1252,7 @@ If multiple caches share the same key they might "fight" for each other's style
       insertionPoint: r.insertionPoint
     }),
     nonce: r.nonce,
-    inserted: i,
+    inserted: o,
     registered: {},
     insert: d
   };
@@ -1266,23 +1266,23 @@ If multiple caches share the same key they might "fight" for each other's style
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var at;
+var ot;
 function In() {
-  if (at)
+  if (ot)
     return D;
-  at = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = 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, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, k = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  ot = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, k = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
   function P(f) {
     if (typeof f == "object" && f !== null) {
-      var U = f.$$typeof;
-      switch (U) {
+      var B = f.$$typeof;
+      switch (B) {
         case r:
           switch (f = f.type, f) {
             case d:
             case v:
             case a:
-            case i:
             case o:
+            case i:
             case h:
               return f;
             default:
@@ -1294,18 +1294,18 @@ function In() {
                 case l:
                   return f;
                 default:
-                  return U;
+                  return B;
               }
           }
         case t:
-          return U;
+          return B;
       }
     }
   }
   function I(f) {
     return P(f) === v;
   }
-  return D.AsyncMode = d, D.ConcurrentMode = v, D.ContextConsumer = u, D.ContextProvider = l, D.Element = r, D.ForwardRef = m, D.Fragment = a, D.Lazy = N, D.Memo = k, D.Portal = t, D.Profiler = i, D.StrictMode = o, D.Suspense = h, D.isAsyncMode = function(f) {
+  return D.AsyncMode = d, D.ConcurrentMode = v, D.ContextConsumer = u, D.ContextProvider = l, D.Element = r, D.ForwardRef = m, D.Fragment = a, D.Lazy = N, D.Memo = k, D.Portal = t, D.Profiler = o, D.StrictMode = i, D.Suspense = h, D.isAsyncMode = function(f) {
     return I(f) || P(f) === d;
   }, D.isConcurrentMode = I, D.isContextConsumer = function(f) {
     return P(f) === u;
@@ -1324,13 +1324,13 @@ function In() {
   }, D.isPortal = function(f) {
     return P(f) === t;
   }, D.isProfiler = function(f) {
-    return P(f) === i;
-  }, D.isStrictMode = function(f) {
     return P(f) === o;
+  }, D.isStrictMode = function(f) {
+    return P(f) === i;
   }, D.isSuspense = function(f) {
     return P(f) === h;
   }, D.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === a || f === v || f === i || f === o || f === h || f === y || typeof f == "object" && f !== null && (f.$$typeof === N || f.$$typeof === k || f.$$typeof === l || f.$$typeof === u || f.$$typeof === m || f.$$typeof === x || f.$$typeof === _ || f.$$typeof === S || f.$$typeof === b);
+    return typeof f == "string" || typeof f == "function" || f === a || f === v || f === o || f === i || f === h || f === y || typeof f == "object" && f !== null && (f.$$typeof === N || f.$$typeof === k || f.$$typeof === l || f.$$typeof === u || f.$$typeof === m || f.$$typeof === x || f.$$typeof === _ || f.$$typeof === S || f.$$typeof === b);
   }, D.typeOf = P, D;
 }
 var F = {};
@@ -1342,30 +1342,30 @@ var F = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ot;
+var it;
 function $n() {
-  return ot || (ot = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, k = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  return it || (it = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, k = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
     function P(s) {
       return typeof s == "string" || typeof s == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      s === a || s === v || s === i || s === o || s === h || s === y || typeof s == "object" && s !== null && (s.$$typeof === N || s.$$typeof === k || s.$$typeof === l || s.$$typeof === u || s.$$typeof === m || s.$$typeof === x || s.$$typeof === _ || s.$$typeof === S || s.$$typeof === b);
+      s === a || s === v || s === o || s === i || s === h || s === y || typeof s == "object" && s !== null && (s.$$typeof === N || s.$$typeof === k || s.$$typeof === l || s.$$typeof === u || s.$$typeof === m || s.$$typeof === x || s.$$typeof === _ || s.$$typeof === S || s.$$typeof === b);
     }
     function I(s) {
       if (typeof s == "object" && s !== null) {
         var w = s.$$typeof;
         switch (w) {
           case r:
-            var Y = s.type;
-            switch (Y) {
+            var W = s.type;
+            switch (W) {
               case d:
               case v:
               case a:
-              case i:
               case o:
+              case i:
               case h:
-                return Y;
+                return W;
               default:
-                var de = Y && Y.$$typeof;
+                var de = W && W.$$typeof;
                 switch (de) {
                   case u:
                   case m:
@@ -1382,11 +1382,11 @@ function $n() {
         }
       }
     }
-    var f = d, U = v, R = u, Ae = l, we = r, Ie = m, $e = a, ue = N, K = k, H = t, fe = i, J = o, Ee = h, ne = !1;
+    var f = d, B = v, R = u, Oe = l, we = r, Ae = m, Ie = a, ue = N, H = k, J = t, fe = o, X = i, Ee = h, ne = !1;
     function ae(s) {
-      return ne || (ne = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), re(s) || I(s) === d;
+      return ne || (ne = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ee(s) || I(s) === d;
     }
-    function re(s) {
+    function ee(s) {
       return I(s) === v;
     }
     function Ne(s) {
@@ -1398,7 +1398,7 @@ function $n() {
     function Ce(s) {
       return typeof s == "object" && s !== null && s.$$typeof === r;
     }
-    function Le(s) {
+    function $e(s) {
       return I(s) === m;
     }
     function _e(s) {
@@ -1414,19 +1414,19 @@ function $n() {
       return I(s) === t;
     }
     function ie(s) {
-      return I(s) === i;
+      return I(s) === o;
     }
     function be(s) {
-      return I(s) === o;
+      return I(s) === i;
     }
     function je(s) {
       return I(s) === h;
     }
-    F.AsyncMode = f, F.ConcurrentMode = U, F.ContextConsumer = R, F.ContextProvider = Ae, F.Element = we, F.ForwardRef = Ie, F.Fragment = $e, F.Lazy = ue, F.Memo = K, F.Portal = H, F.Profiler = fe, F.StrictMode = J, F.Suspense = Ee, F.isAsyncMode = ae, F.isConcurrentMode = re, F.isContextConsumer = Ne, F.isContextProvider = ke, F.isElement = Ce, F.isForwardRef = Le, F.isFragment = _e, F.isLazy = ve, F.isMemo = Se, F.isPortal = j, F.isProfiler = ie, F.isStrictMode = be, F.isSuspense = je, F.isValidElementType = P, F.typeOf = I;
+    F.AsyncMode = f, F.ConcurrentMode = B, F.ContextConsumer = R, F.ContextProvider = Oe, F.Element = we, F.ForwardRef = Ae, F.Fragment = Ie, F.Lazy = ue, F.Memo = H, F.Portal = J, F.Profiler = fe, F.StrictMode = X, F.Suspense = Ee, F.isAsyncMode = ae, F.isConcurrentMode = ee, F.isContextConsumer = Ne, F.isContextProvider = ke, F.isElement = Ce, F.isForwardRef = $e, F.isFragment = _e, F.isLazy = ve, F.isMemo = Se, F.isPortal = j, F.isProfiler = ie, F.isStrictMode = be, F.isSuspense = je, F.isValidElementType = P, F.typeOf = I;
   }()), F;
 }
 process.env.NODE_ENV === "production" ? Lr.exports = In() : Lr.exports = $n();
-var Ln = Lr.exports, kt = Ln, Mn = {
+var Ln = Lr.exports, St = Ln, Mn = {
   $$typeof: !0,
   render: !0,
   defaultProps: !0,
@@ -1439,18 +1439,18 @@ var Ln = Lr.exports, kt = Ln, Mn = {
   displayName: !0,
   propTypes: !0,
   type: !0
-}, St = {};
-St[kt.ForwardRef] = Mn;
-St[kt.Memo] = Dn;
+}, xt = {};
+xt[St.ForwardRef] = Mn;
+xt[St.Memo] = Dn;
 var Fn = !0;
 function jn(e, r, t) {
   var a = "";
-  return t.split(" ").forEach(function(o) {
-    e[o] !== void 0 ? r.push(e[o] + ";") : a += o + " ";
+  return t.split(" ").forEach(function(i) {
+    e[i] !== void 0 ? r.push(e[i] + ";") : a += i + " ";
   }), a;
 }
-var xt = function(r, t, a) {
-  var o = r.key + "-" + t.name;
+var _t = function(r, t, a) {
+  var i = r.key + "-" + t.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
   // the tree but if it's a string tag, we know it won't
@@ -1460,25 +1460,25 @@ var xt = function(r, t, a) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Fn === !1) && r.registered[o] === void 0 && (r.registered[o] = t.styles);
+  Fn === !1) && r.registered[i] === void 0 && (r.registered[i] = t.styles);
 }, Vn = function(r, t, a) {
-  xt(r, t, a);
-  var o = r.key + "-" + t.name;
+  _t(r, t, a);
+  var i = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
-    var i = t;
+    var o = t;
     do
-      r.insert(t === i ? "." + o : "", i, r.sheet, !0), i = i.next;
-    while (i !== void 0);
+      r.insert(t === o ? "." + i : "", o, r.sheet, !0), o = o.next;
+    while (o !== void 0);
   }
 };
 function Bn(e) {
-  for (var r = 0, t, a = 0, o = e.length; o >= 4; ++a, o -= 4)
+  for (var r = 0, t, a = 0, i = e.length; i >= 4; ++a, i -= 4)
     t = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
     t >>> 24, r = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
-  switch (o) {
+  switch (i) {
     case 3:
       r ^= (e.charCodeAt(a + 2) & 255) << 16;
     case 2:
@@ -1538,48 +1538,48 @@ var Un = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, it = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+}, st = `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`, zn = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Yn = /[A-Z]|^ms/g, _t = /_EMO_([^_]+?)_([^]*?)_EMO_/g, zr = function(r) {
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, zn = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Yn = /[A-Z]|^ms/g, Rt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, zr = function(r) {
   return r.charCodeAt(1) === 45;
-}, st = function(r) {
+}, ct = function(r) {
   return r != null && typeof r != "boolean";
 }, Pr = /* @__PURE__ */ yn(function(e) {
   return zr(e) ? e : e.replace(Yn, "-$&").toLowerCase();
-}), wr = function(r, t) {
+}), Er = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(_t, function(a, o, i) {
+        return t.replace(Rt, function(a, i, o) {
           return Re = {
-            name: o,
-            styles: i,
+            name: i,
+            styles: o,
             next: Re
-          }, o;
+          }, i;
         });
   }
   return Un[r] !== 1 && !zr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
 if (process.env.NODE_ENV !== "production") {
-  var Wn = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, qn = ["normal", "none", "initial", "inherit", "unset"], Gn = wr, Kn = /^-ms-/, Hn = /-(.)/g, ct = {};
-  wr = function(r, t) {
+  var Wn = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, qn = ["normal", "none", "initial", "inherit", "unset"], Gn = Er, Kn = /^-ms-/, Hn = /-(.)/g, lt = {};
+  Er = function(r, t) {
     if (r === "content" && (typeof t != "string" || qn.indexOf(t) === -1 && !Wn.test(t) && (t.charAt(0) !== t.charAt(t.length - 1) || t.charAt(0) !== '"' && t.charAt(0) !== "'")))
       throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + t + "\"'`");
     var a = Gn(r, t);
-    return a !== "" && !zr(r) && r.indexOf("-") !== -1 && ct[r] === void 0 && (ct[r] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(Kn, "ms-").replace(Hn, function(o, i) {
-      return i.toUpperCase();
+    return a !== "" && !zr(r) && r.indexOf("-") !== -1 && lt[r] === void 0 && (lt[r] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(Kn, "ms-").replace(Hn, function(i, o) {
+      return o.toUpperCase();
     }) + "?")), a;
   };
 }
-var Rt = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function ur(e, r, t) {
+var Ct = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function fr(e, r, t) {
   if (t == null)
     return "";
   if (t.__emotion_styles !== void 0) {
     if (process.env.NODE_ENV !== "production" && t.toString() === "NO_COMPONENT_SELECTOR")
-      throw new Error(Rt);
+      throw new Error(Ct);
     return t;
   }
   switch (typeof t) {
@@ -1601,22 +1601,22 @@ function ur(e, r, t) {
               styles: a.styles,
               next: Re
             }, a = a.next;
-        var o = t.styles + ";";
-        return process.env.NODE_ENV !== "production" && t.map !== void 0 && (o += t.map), o;
+        var i = t.styles + ";";
+        return process.env.NODE_ENV !== "production" && t.map !== void 0 && (i += t.map), i;
       }
       return Jn(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var i = Re, l = t(e);
-        return Re = i, ur(e, r, l);
+        var o = Re, l = t(e);
+        return Re = o, fr(e, r, l);
       } 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 u = [], d = t.replace(_t, function(m, h, y) {
+        var u = [], d = t.replace(Rt, function(m, h, y) {
           var k = "animation" + u.length;
           return u.push("const " + k + " = keyframes`" + y.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + k + "}";
         });
@@ -1637,57 +1637,57 @@ You should wrap it with \`css\` like this:
 function Jn(e, r, t) {
   var a = "";
   if (Array.isArray(t))
-    for (var o = 0; o < t.length; o++)
-      a += ur(e, r, t[o]) + ";";
+    for (var i = 0; i < t.length; i++)
+      a += fr(e, r, t[i]) + ";";
   else
-    for (var i in t) {
-      var l = t[i];
+    for (var o in t) {
+      var l = t[o];
       if (typeof l != "object")
-        r != null && r[l] !== void 0 ? a += i + "{" + r[l] + "}" : st(l) && (a += Pr(i) + ":" + wr(i, l) + ";");
+        r != null && r[l] !== void 0 ? a += o + "{" + r[l] + "}" : ct(l) && (a += Pr(o) + ":" + Er(o, l) + ";");
       else {
-        if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
-          throw new Error(Rt);
+        if (o === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
+          throw new Error(Ct);
         if (Array.isArray(l) && typeof l[0] == "string" && (r == null || r[l[0]] === void 0))
           for (var u = 0; u < l.length; u++)
-            st(l[u]) && (a += Pr(i) + ":" + wr(i, l[u]) + ";");
+            ct(l[u]) && (a += Pr(o) + ":" + Er(o, l[u]) + ";");
         else {
-          var d = ur(e, r, l);
-          switch (i) {
+          var d = fr(e, r, l);
+          switch (o) {
             case "animation":
             case "animationName": {
-              a += Pr(i) + ":" + d + ";";
+              a += Pr(o) + ":" + d + ";";
               break;
             }
             default:
-              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(zn), a += i + "{" + d + "}";
+              process.env.NODE_ENV !== "production" && o === "undefined" && console.error(zn), a += o + "{" + d + "}";
           }
         }
       }
     }
   return a;
 }
-var lt = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Ct;
-process.env.NODE_ENV !== "production" && (Ct = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
-var Re, ut = function(r, t, a) {
+var ut = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Tt;
+process.env.NODE_ENV !== "production" && (Tt = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
+var Re, ft = function(r, t, a) {
   if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
     return r[0];
-  var o = !0, i = "";
+  var i = !0, o = "";
   Re = void 0;
   var l = r[0];
-  l == null || l.raw === void 0 ? (o = !1, i += ur(a, t, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(it), i += l[0]);
+  l == null || l.raw === void 0 ? (i = !1, o += fr(a, t, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(st), o += l[0]);
   for (var u = 1; u < r.length; u++)
-    i += ur(a, t, r[u]), o && (process.env.NODE_ENV !== "production" && l[u] === void 0 && console.error(it), i += l[u]);
+    o += fr(a, t, r[u]), i && (process.env.NODE_ENV !== "production" && l[u] === void 0 && console.error(st), o += l[u]);
   var d;
-  process.env.NODE_ENV !== "production" && (i = i.replace(Ct, function(y) {
+  process.env.NODE_ENV !== "production" && (o = o.replace(Tt, function(y) {
     return d = y, "";
-  })), lt.lastIndex = 0;
-  for (var v = "", m; (m = lt.exec(i)) !== null; )
+  })), ut.lastIndex = 0;
+  for (var v = "", m; (m = ut.exec(o)) !== null; )
     v += "-" + // $FlowFixMe we know it's not null
     m[1];
-  var h = Bn(i) + v;
+  var h = Bn(o) + v;
   return process.env.NODE_ENV !== "production" ? {
     name: h,
-    styles: i,
+    styles: o,
     map: d,
     next: Re,
     toString: function() {
@@ -1695,12 +1695,12 @@ var Re, ut = function(r, t, a) {
     }
   } : {
     name: h,
-    styles: i,
+    styles: o,
     next: Re
   };
 }, Xn = function(r) {
   return r();
-}, Zn = Fe["useInsertionEffect"] ? Fe["useInsertionEffect"] : !1, Qn = Zn || Xn, xr = {}.hasOwnProperty, Yr = /* @__PURE__ */ Fe.createContext(
+}, Zn = Fe["useInsertionEffect"] ? Fe["useInsertionEffect"] : !1, Qn = Zn || Xn, _r = {}.hasOwnProperty, Yr = /* @__PURE__ */ Fe.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -1714,116 +1714,116 @@ var Re, ut = function(r, t, a) {
 process.env.NODE_ENV !== "production" && (Yr.displayName = "EmotionCacheContext");
 Yr.Provider;
 var ea = function(r) {
-  return /* @__PURE__ */ ht(function(t, a) {
-    var o = Vt(Yr);
-    return r(t, o, a);
+  return /* @__PURE__ */ pt(function(t, a) {
+    var i = Vt(Yr);
+    return r(t, i, a);
   });
-}, Tt = /* @__PURE__ */ Fe.createContext({});
-process.env.NODE_ENV !== "production" && (Tt.displayName = "EmotionThemeContext");
-var ft = function(r) {
+}, Pt = /* @__PURE__ */ Fe.createContext({});
+process.env.NODE_ENV !== "production" && (Pt.displayName = "EmotionThemeContext");
+var dt = function(r) {
   var t = r.split(".");
   return t[t.length - 1];
 }, ra = function(r) {
   var t = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(r);
   if (t || (t = /^([A-Za-z0-9$.]+)@/.exec(r), t))
-    return ft(t[1]);
+    return dt(t[1]);
 }, ta = /* @__PURE__ */ new Set(["renderWithHooks", "processChild", "finishClassComponent", "renderToString"]), na = function(r) {
   return r.replace(/\$/g, "-");
 }, aa = function(r) {
   if (r)
     for (var t = r.split(`
 `), a = 0; a < t.length; a++) {
-      var o = ra(t[a]);
-      if (o) {
-        if (ta.has(o))
+      var i = ra(t[a]);
+      if (i) {
+        if (ta.has(i))
           break;
-        if (/^[A-Z]/.test(o))
-          return na(o);
+        if (/^[A-Z]/.test(i))
+          return na(i);
       }
     }
-}, Mr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Dr = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", Pt = function(r, t) {
+}, Mr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Dr = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", Ot = function(r, t) {
   if (process.env.NODE_ENV !== "production" && typeof t.css == "string" && // check if there is a css declaration
   t.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`" + t.css + "`");
   var a = {};
-  for (var o in t)
-    xr.call(t, o) && (a[o] = t[o]);
+  for (var i in t)
+    _r.call(t, i) && (a[i] = t[i]);
   if (a[Mr] = r, process.env.NODE_ENV !== "production" && t.css && (typeof t.css != "object" || typeof t.css.name != "string" || t.css.name.indexOf("-") === -1)) {
-    var i = aa(new Error().stack);
-    i && (a[Dr] = i);
+    var o = aa(new Error().stack);
+    o && (a[Dr] = o);
   }
   return a;
 }, oa = function(r) {
-  var t = r.cache, a = r.serialized, o = r.isStringTag;
-  return xt(t, a, o), Qn(function() {
-    return Vn(t, a, o);
+  var t = r.cache, a = r.serialized, i = r.isStringTag;
+  return _t(t, a, i), Qn(function() {
+    return Vn(t, a, i);
   }), null;
-}, Ot = /* @__PURE__ */ ea(function(e, r, t) {
+}, At = /* @__PURE__ */ ea(function(e, r, t) {
   var a = e.css;
   typeof a == "string" && r.registered[a] !== void 0 && (a = r.registered[a]);
-  var o = e[Mr], i = [a], l = "";
-  typeof e.className == "string" ? l = jn(r.registered, i, e.className) : e.className != null && (l = e.className + " ");
-  var u = ut(i, void 0, Fe.useContext(Tt));
+  var i = e[Mr], o = [a], l = "";
+  typeof e.className == "string" ? l = jn(r.registered, o, e.className) : e.className != null && (l = e.className + " ");
+  var u = ft(o, void 0, Fe.useContext(Pt));
   if (process.env.NODE_ENV !== "production" && u.name.indexOf("-") === -1) {
     var d = e[Dr];
-    d && (u = ut([u, "label:" + d + ";"]));
+    d && (u = ft([u, "label:" + d + ";"]));
   }
   l += r.key + "-" + u.name;
   var v = {};
   for (var m in e)
-    xr.call(e, m) && m !== "css" && m !== Mr && (process.env.NODE_ENV === "production" || m !== Dr) && (v[m] = e[m]);
+    _r.call(e, m) && m !== "css" && m !== Mr && (process.env.NODE_ENV === "production" || m !== Dr) && (v[m] = e[m]);
   return v.ref = t, v.className = l, /* @__PURE__ */ Fe.createElement(Fe.Fragment, null, /* @__PURE__ */ Fe.createElement(oa, {
     cache: r,
     serialized: u,
-    isStringTag: typeof o == "string"
-  }), /* @__PURE__ */ Fe.createElement(o, v));
+    isStringTag: typeof i == "string"
+  }), /* @__PURE__ */ Fe.createElement(i, v));
 });
-process.env.NODE_ENV !== "production" && (Ot.displayName = "EmotionCssPropInternal");
-var At = Ot, Xe = Jt;
+process.env.NODE_ENV !== "production" && (At.displayName = "EmotionCssPropInternal");
+var It = At, Ze = Jt;
 function p(e, r, t) {
-  return xr.call(r, "css") ? Zr(At, Pt(e, r), t) : Zr(e, r, t);
+  return _r.call(r, "css") ? Qr(It, Ot(e, r), t) : Qr(e, r, t);
 }
 function ge(e, r, t) {
-  return xr.call(r, "css") ? Qr(At, Pt(e, r), t) : Qr(e, r, t);
+  return _r.call(r, "css") ? et(It, Ot(e, r), t) : et(e, r, t);
 }
 function ia(e, r) {
   let t = null, a = null;
-  return function(...i) {
+  return function(...o) {
     const l = this;
-    t === null ? r.apply(l, i) : a = i, clearTimeout(t), t = setTimeout(() => {
+    t === null ? r.apply(l, o) : a = o, clearTimeout(t), t = setTimeout(() => {
       a && (r.apply(l, a), a = null), t = null;
     }, e);
   };
 }
 const sa = (e, r) => {
-  let t, a, o;
-  const i = (l, u, d) => (v) => {
+  let t, a, i;
+  const o = (l, u, d) => (v) => {
     const m = performance.now();
     return setTimeout(() => {
-      if (!o) {
+      if (!i) {
         t = void 0, a = void 0;
         return;
       }
-      const h = (async () => r(...o))();
-      o = void 0, h.then(u).catch((N) => {
+      const h = (async () => r(...i))();
+      i = void 0, h.then(u).catch((N) => {
         console.error(N), d(N);
       });
       let y, k;
       a = new Promise((N, b) => {
         y = N, k = b;
-      }), t = h.then(i(m, y, k)).catch((N) => (console.error(N), i(l, y, k)(N)));
+      }), t = h.then(o(m, y, k)).catch((N) => (console.error(N), o(l, y, k)(N)));
     }, e - (m - l)), v;
   };
   return (...l) => {
-    if (o = l, t)
+    if (i = l, t)
       return a;
     {
       const u = performance.now(), d = (async () => r(...l))();
-      o = void 0;
+      i = void 0;
       let v, m;
       return a = new Promise((h, y) => {
         v = h, m = y;
-      }), t = d.then(i(u, v, m)).catch((h) => (console.error(h), i(u, v, m)(h))), d;
+      }), t = d.then(o(u, v, m)).catch((h) => (console.error(h), o(u, v, m)(h))), d;
     }
   };
 }, ca = (e) => (r) => new ReadableStream({
@@ -1833,7 +1833,7 @@ const sa = (e, r) => {
     this.reader = r.getReader();
   },
   async pull(t) {
-    const { leftOverData: a } = this, o = async ({ buffer: u = new Uint8Array(e), currentSize: d = 0 } = {}) => {
+    const { leftOverData: a } = this, i = async ({ buffer: u = new Uint8Array(e), currentSize: d = 0 } = {}) => {
       const { value: v, done: m } = await this.reader.read();
       if (d === 0 && a && (u.set(a), d += a.byteLength, this.leftOverData = void 0), m) {
         const k = { buffer: u.slice(0, d), currentSize: d, done: m };
@@ -1841,9 +1841,9 @@ const sa = (e, r) => {
       }
       let h;
       const y = v.slice(0, e - d);
-      return h = d + y.byteLength, u.set(y, d), h === e ? (this.leftOverData = v.slice(e - d), { buffer: u, currentSize: h, done: !1 }) : o({ buffer: u, currentSize: h });
-    }, { buffer: i, done: l } = await o();
-    i?.byteLength && t.enqueue(i), l && t.close();
+      return h = d + y.byteLength, u.set(y, d), h === e ? (this.leftOverData = v.slice(e - d), { buffer: u, currentSize: h, done: !1 }) : i({ buffer: u, currentSize: h });
+    }, { buffer: o, done: l } = await i();
+    o?.byteLength && t.enqueue(o), l && t.close();
   },
   cancel() {
     this.reader.cancel(), this.leftOverData = void 0;
@@ -1861,30 +1861,38 @@ const sa = (e, r) => {
       if (this.buffers.length >= e)
         return;
       this.currentPullPromise = this.reader.read();
-      const { value: i, done: l } = await this.currentPullPromise;
+      const { value: o, done: l } = await this.currentPullPromise;
       if (this.currentPullPromise = void 0, l) {
         try {
+          for (const u of this.buffers)
+            t.enqueue(u);
           t.close();
         } catch {
         }
         return;
       }
-      return this.buffers.push(i), i;
-    }, o = async () => {
+      return this.buffers.push(o), o;
+    }, i = async () => {
       if (!(this.buffers.length >= e)) {
         if (this.buffers.length === 0)
-          return await a() ? o() : void 0;
-        a().then((i) => {
-          i && o();
+          return await a() ? i() : void 0;
+        a().then((o) => {
+          o && i();
         });
       }
     };
-    await o(), t.enqueue(this.buffers.shift()), o();
+    await i();
+    try {
+      t.enqueue(this.buffers.shift()), i();
+    } catch (o) {
+      if (!(o instanceof TypeError && o.message === "ReadableStreamDefaultController.enqueue: Cannot enqueue into a stream that has already been requested to close."))
+        throw o;
+    }
   },
   cancel() {
     this.reader.cancel();
   }
-}), ua = Er`
+}), ua = Nr`
   position: relative;
   display: grid;
   grid-column: 1;
@@ -1968,17 +1976,17 @@ const sa = (e, r) => {
       )
     }
   ) : null
-] }), dt = ({ ref: e, defaultValue: r }) => {
-  const [t, a] = z(r), [o, i] = z(!1), l = (u) => {
-    if (i(!0), !e.current)
+] }), mt = ({ ref: e, defaultValue: r }) => {
+  const [t, a] = Y(r), [i, o] = Y(!1), l = (u) => {
+    if (o(!0), !e.current)
       return;
     const { clientX: d } = u, { left: v, right: m } = e.current.getBoundingClientRect();
     a(Math.min(Math.max((d - v) / (m - v), 0), 1));
   };
   return he(() => {
-    if (!o)
+    if (!i)
       return;
-    const u = () => i(!1), d = (v) => {
+    const u = () => o(!1), d = (v) => {
       if (!e.current)
         return;
       const { clientX: m } = v, { left: h, right: y } = e.current.getBoundingClientRect();
@@ -1987,25 +1995,25 @@ const sa = (e, r) => {
     return document.addEventListener("mousemove", d), document.addEventListener("mouseup", u), () => {
       document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", u);
     };
-  }, [o]), {
+  }, [i]), {
     value: t,
-    scrubbing: o,
+    scrubbing: i,
     scrub: l
   };
-}, da = 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"}]`), mt = (e) => da.find((r) => r.tag === e)?.name, ma = (e) => {
-  const [r, t] = z(() => {
+}, da = 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"}]`), gt = (e) => da.find((r) => r.tag === e)?.name, ma = (e) => {
+  const [r, t] = Y(() => {
     const a = localStorage.getItem(e);
     return a ? JSON.parse(a) : {};
   });
   return he(() => {
     localStorage.setItem(e, JSON.stringify(r));
-  }, [e, r]), (a, o) => (he(() => {
-    t((i) => ({ ...i, [a]: o }));
+  }, [e, r]), (a, i) => (he(() => {
+    t((o) => ({ ...o, [a]: i }));
   }, []), [
     r[a],
-    (i) => t(typeof i == "function" ? (l) => ({ ...l, [a]: i(l[a]) }) : (l) => ({ ...l, [a]: i }))
+    (o) => t(typeof o == "function" ? (l) => ({ ...l, [a]: o(l[a]) }) : (l) => ({ ...l, [a]: o }))
   ]);
-}, ga = Er`
+}, ga = Nr`
   position: relative;
   grid-column: 1;
   grid-row: 1;
@@ -2269,8 +2277,8 @@ const sa = (e, r) => {
   currentTime: r,
   togglePlay: t,
   seek: a,
-  setVolume: o,
-  isSubtitleMenuHidden: i,
+  setVolume: i,
+  isSubtitleMenuHidden: o,
   setIsSubtitleMenuHidden: l,
   isErrorMenuHidden: u,
   setIsErrorMenuHidden: d,
@@ -2286,60 +2294,60 @@ const sa = (e, r) => {
   customControls: S,
   ...P
 }) => {
-  const I = Ze(null), f = Ze(null), [U, R] = z(!1), { scrub: Ae, value: we } = dt({ ref: I }), Ie = Or(() => document.pictureInPictureEnabled, []), [$e, ue] = z(!1), K = ma("fkn-media-player"), [H, fe] = K("volume", 1), [J, Ee] = K("muted", !1), { scrub: ne, value: ae } = dt({ ref: f, defaultValue: H });
+  const I = Qe(null), f = Qe(null), [B, R] = Y(!1), { scrub: Oe, value: we } = mt({ ref: I }), Ae = Or(() => document.pictureInPictureEnabled, []), [Ie, ue] = Y(!1), H = ma("fkn-media-player"), [J, fe] = H("volume", 1), [X, Ee] = H("muted", !1), { scrub: ne, value: ae } = mt({ ref: f, defaultValue: J });
   he(() => {
-    $e || (ue(!0), _e(void 0));
-  }, [$e, _.length]), he(() => {
+    Ie || (ue(!0), _e(void 0));
+  }, [Ie, _.length]), he(() => {
     we !== void 0 && a(we * (e ?? 0));
   }, [we]), he(() => {
-    if (J) {
-      o(0), Ee(J), ae && fe(ae);
+    if (X) {
+      i(0), Ee(X), ae && fe(ae);
       return;
     }
-    ae !== void 0 && (o(ae ** 2), fe(ae), Ee(J));
-  }, [ae, J]);
-  const re = () => {
+    ae !== void 0 && (i(ae ** 2), fe(ae), Ee(X));
+  }, [ae, X]);
+  const ee = () => {
     R(!1);
   }, Ne = (s) => {
     s.currentTarget !== s.relatedTarget && s.relatedTarget !== null || R(!0);
   }, ke = () => {
     Ee((s) => !s);
-  }, Ce = (s, w, Y) => {
-    v(w === void 0 ? w : Y);
-  }, Le = (s) => {
-    if (!i && s.relatedTarget === null) {
-      l((Y) => !Y);
+  }, Ce = (s, w, W) => {
+    v(w === void 0 ? w : W);
+  }, $e = (s) => {
+    if (!o && s.relatedTarget === null) {
+      l((W) => !W);
       return;
     }
     l(!1);
-    const w = (Y) => {
-      Y.stopPropagation(), l(!0), document.removeEventListener("click", w);
+    const w = (W) => {
+      W.stopPropagation(), l(!0), document.removeEventListener("click", w);
     };
     setTimeout(() => {
       document.addEventListener("click", w);
     }, 0);
   }, _e = (s) => {
     if (!u && s?.relatedTarget === null) {
-      d((Y) => !Y);
+      d((W) => !W);
       return;
     }
     d(!1);
-    const w = (Y) => {
-      Y.stopPropagation(), d(!0), document.removeEventListener("click", w);
+    const w = (W) => {
+      W.stopPropagation(), d(!0), document.removeEventListener("click", w);
     };
     setTimeout(() => {
       document.addEventListener("click", w);
     }, 0);
   }, ve = ({ subtitleTrack: s }) => {
     if (!s)
-      return /* @__PURE__ */ p(Xe, { children: "Disabled" });
+      return /* @__PURE__ */ p(Ze, { children: "Disabled" });
     if (!s.title && !s.language)
-      return /* @__PURE__ */ p(Xe, { children: "Default" });
-    const w = s.language === "jpn" ? "ja" : mt(s.language) ? mt(s.language) : s.language;
-    return s.title ? /* @__PURE__ */ ge(Xe, { children: [
+      return /* @__PURE__ */ p(Ze, { children: "Default" });
+    const w = s.language === "jpn" ? "ja" : gt(s.language) ? gt(s.language) : s.language;
+    return s.title ? /* @__PURE__ */ ge(Ze, { children: [
       s.title?.replace("subs", ""),
       w ? `(${w})` : ""
-    ] }) : /* @__PURE__ */ p(Xe, { children: w });
+    ] }) : /* @__PURE__ */ p(Ze, { children: w });
   }, Se = Or(
     () => [
       ...new Set(
@@ -2351,14 +2359,14 @@ const sa = (e, r) => {
     [_]
   );
   he(() => {
-    Je.rebuild();
+    Xe.rebuild();
   }, [y.length]), he(() => {
     const s = (w) => {
       w.key === "f" && N(), w.key === "k" && t(), w.key === "m" && ke();
     };
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
   }, [N, t, ke]);
-  const [j, ie] = z(void 0);
+  const [j, ie] = Y(void 0);
   return /* @__PURE__ */ ge("div", { css: ga, onMouseOut: Ne, ...P, children: [
     /* @__PURE__ */ p("div", { className: "preview" }),
     /* @__PURE__ */ ge(
@@ -2367,8 +2375,8 @@ const sa = (e, r) => {
         ref: I,
         className: "progress-bar",
         onMouseMove: (s) => {
-          const Y = s.nativeEvent.offsetX / s.currentTarget.offsetWidth * (e ?? 0);
-          ie(Y);
+          const W = s.nativeEvent.offsetX / s.currentTarget.offsetWidth * (e ?? 0);
+          ie(W);
         },
         onMouseOut: () => {
           I.current && ie(void 0);
@@ -2387,20 +2395,20 @@ const sa = (e, r) => {
           } }),
           /* @__PURE__ */ p("div", { className: "chapters" }),
           /* @__PURE__ */ p("div", { className: "scrubber" }),
-          /* @__PURE__ */ p("div", { className: "padding", onMouseDown: Ae })
+          /* @__PURE__ */ p("div", { className: "padding", onMouseDown: Oe })
         ]
       }
     ),
     /* @__PURE__ */ ge("div", { className: "controls", children: [
-      /* @__PURE__ */ p(Je, { id: "play-button-tooltip", effect: "solid", place: "top", children: h ? "Pause (k)" : "Play (k)" }),
+      /* @__PURE__ */ p(Xe, { id: "play-button-tooltip", effect: "solid", place: "top", children: h ? "Pause (k)" : "Play (k)" }),
       /* @__PURE__ */ p("button", { className: "play-button", type: "button", "data-tip": !0, "data-for": "play-button-tooltip", onClick: t, children: h ? /* @__PURE__ */ ge("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__ */ p("rect", { x: "6", y: "4", width: "4", height: "16" }),
         /* @__PURE__ */ p("rect", { x: "14", y: "4", width: "4", height: "16" })
       ] }) : /* @__PURE__ */ p("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__ */ p("polygon", { points: "5 3 19 12 5 21 5 3" }) }) }),
-      /* @__PURE__ */ ge("div", { className: "volume-area", onMouseOver: re, children: [
-        /* @__PURE__ */ p(Je, { id: "mute-button-tooltip", effect: "solid", place: "top", children: J ? "Unmute (m)" : "Mute (m)" }),
-        /* @__PURE__ */ p("button", { className: "mute-button", "data-tip": !0, "data-for": "mute-button-tooltip", onClick: ke, children: J ? /* @__PURE__ */ p(Hr, {}) : (H ?? 0) > 0.66 ? /* @__PURE__ */ p(zt, {}) : (H ?? 0) > 0.33 ? /* @__PURE__ */ p(Yt, {}) : (H ?? 0) > 0 ? /* @__PURE__ */ p(Wt, {}) : /* @__PURE__ */ p(Hr, {}) }),
-        /* @__PURE__ */ p("div", { ref: f, className: `volume-panel${U ? "" : " volume-control-hover"}`, onMouseDown: ne, children: /* @__PURE__ */ p("div", { className: "slider", children: /* @__PURE__ */ p("div", { className: "slider-handle", style: { left: `${(H ?? 0) * 100}%` } }) }) })
+      /* @__PURE__ */ ge("div", { className: "volume-area", onMouseOver: ee, children: [
+        /* @__PURE__ */ p(Xe, { id: "mute-button-tooltip", effect: "solid", place: "top", children: X ? "Unmute (m)" : "Mute (m)" }),
+        /* @__PURE__ */ p("button", { className: "mute-button", "data-tip": !0, "data-for": "mute-button-tooltip", onClick: ke, children: X ? /* @__PURE__ */ p(Jr, {}) : (J ?? 0) > 0.66 ? /* @__PURE__ */ p(zt, {}) : (J ?? 0) > 0.33 ? /* @__PURE__ */ p(Yt, {}) : (J ?? 0) > 0 ? /* @__PURE__ */ p(Wt, {}) : /* @__PURE__ */ p(Jr, {}) }),
+        /* @__PURE__ */ p("div", { ref: f, className: `volume-panel${B ? "" : " volume-control-hover"}`, onMouseDown: ne, children: /* @__PURE__ */ p("div", { className: "slider", children: /* @__PURE__ */ p("div", { className: "slider-handle", style: { left: `${(J ?? 0) * 100}%` } }) }) })
       ] }),
       /* @__PURE__ */ ge("div", { className: "time", children: [
         /* @__PURE__ */ p("span", { children: new Date((r ?? 0) * 1e3).toISOString().substr(11, 8) }),
@@ -2408,30 +2416,30 @@ const sa = (e, r) => {
         /* @__PURE__ */ p("span", { children: e ? new Date(e * 1e3).toISOString().substr(11, 8) : "" })
       ] }),
       /* @__PURE__ */ p("div", { className: "custom-controls", children: S?.length ? S.map((s, w) => /* @__PURE__ */ p(s, {}, w)) : null }),
-      /* @__PURE__ */ p("div", { className: "error-area", children: Se.length ? /* @__PURE__ */ ge(Xe, { children: [
+      /* @__PURE__ */ p("div", { className: "error-area", children: Se.length ? /* @__PURE__ */ ge(Ze, { children: [
         /* @__PURE__ */ p("div", { className: `error-menu ${u ? "hide" : ""}`, children: u ? null : Se }),
         /* @__PURE__ */ ge("div", { className: "error-menu-button", onClick: _e, children: [
           /* @__PURE__ */ p(qt, {}),
           "Error"
         ] })
       ] }) : null }),
-      /* @__PURE__ */ p(Je, { id: "subtitle-button-tooltip", globalEventOff: "click", effect: "solid", place: "top", disable: !i, children: "Subtitles" }),
-      /* @__PURE__ */ p("div", { className: "subtitle-area", children: y.length ? /* @__PURE__ */ ge(Xe, { children: [
-        /* @__PURE__ */ p("div", { className: `subtitle-menu ${i ? "hide" : ""}`, children: i ? null : [...y, void 0].map(
-          (s, w) => /* @__PURE__ */ p("button", { onClick: (Y) => Ce(Y, s, w), children: /* @__PURE__ */ p(ve, { subtitleTrack: s }) }, s ? w : "disabled")
+      /* @__PURE__ */ p(Xe, { id: "subtitle-button-tooltip", globalEventOff: "click", effect: "solid", place: "top", disable: !o, children: "Subtitles" }),
+      /* @__PURE__ */ p("div", { className: "subtitle-area", children: y.length ? /* @__PURE__ */ ge(Ze, { children: [
+        /* @__PURE__ */ p("div", { className: `subtitle-menu ${o ? "hide" : ""}`, children: o ? null : [...y, void 0].map(
+          (s, w) => /* @__PURE__ */ p("button", { onClick: (W) => Ce(W, s, w), children: /* @__PURE__ */ p(ve, { subtitleTrack: s }) }, s ? w : "disabled")
         ) }),
-        /* @__PURE__ */ p("button", { className: "subtitle-menu-button", "data-tip": !0, "data-for": "subtitle-button-tooltip", onClick: Le, children: /* @__PURE__ */ p(ve, { subtitleTrack: b }) })
+        /* @__PURE__ */ p("button", { className: "subtitle-menu-button", "data-tip": !0, "data-for": "subtitle-button-tooltip", onClick: $e, children: /* @__PURE__ */ p(ve, { subtitleTrack: b }) })
       ] }) : null }),
-      /* @__PURE__ */ p(Je, { id: "pip-button-tooltip", effect: "solid", place: "top", children: "Picture in Picture" }),
-      Ie ? /* @__PURE__ */ p("button", { className: "picture-in-picture", "data-tip": !0, "data-for": "pip-button-tooltip", onClick: x, children: /* @__PURE__ */ ge("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__ */ p(Xe, { id: "pip-button-tooltip", effect: "solid", place: "top", children: "Picture in Picture" }),
+      Ae ? /* @__PURE__ */ p("button", { className: "picture-in-picture", "data-tip": !0, "data-for": "pip-button-tooltip", onClick: x, children: /* @__PURE__ */ ge("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__ */ p("rect", { x: "2", y: "3", width: "21", height: "14", rx: "2", ry: "2" }),
         /* @__PURE__ */ p("rect", { x: "12.5", y: "8.5", width: "8", height: "6", rx: "2", ry: "2" })
       ] }) }) : null,
-      /* @__PURE__ */ p(Je, { id: "fullscreen-button-tooltip", effect: "solid", place: "top", children: k ? "Exit full screen (f)" : "Full screen (f)" }),
+      /* @__PURE__ */ p(Xe, { id: "fullscreen-button-tooltip", effect: "solid", place: "top", children: k ? "Exit full screen (f)" : "Full screen (f)" }),
       /* @__PURE__ */ p("button", { className: "fullscreen", "data-tip": !0, "data-for": "fullscreen-button-tooltip", onClick: N, children: k ? /* @__PURE__ */ p("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__ */ p("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__ */ p("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__ */ p("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" }) }) })
     ] })
   ] });
-}, pa = Er`
+}, pa = Nr`
 --background-padding: 2rem;
 display: grid;
 grid-template-rows: 1fr;
@@ -2455,8 +2463,8 @@ overflow: hidden;
   isPlaying: r,
   loading: t,
   duration: a,
-  loadedTime: o,
-  currentTime: i,
+  loadedTime: i,
+  currentTime: o,
   pictureInPicture: l,
   fullscreen: u,
   play: d,
@@ -2473,34 +2481,34 @@ overflow: hidden;
   needsInitialInteraction: P,
   ...I
 }) => {
-  const [f, U] = z(), [R, Ae] = z(!1), [we, Ie] = z(!1), [$e, ue] = z(!1), K = Ze(), [H, fe] = z(!0), [J, Ee] = z(), [ne, ae] = z(), re = Or(
+  const [f, B] = Y(), [R, Oe] = Y(!1), [we, Ae] = Y(!1), [Ie, ue] = Y(!1), H = Qe(), [J, fe] = Y(!0), [X, Ee] = Y(), [ne, ae] = Y(), ee = Or(
     () => ne !== void 0 ? k[ne] : void 0,
     [ne, ne !== void 0 && k[ne]?.data]
-  ), [Ne, ke] = z(!0), Ce = (j) => {
-    ue(!1), K.current && clearInterval(K.current);
+  ), [Ne, ke] = Y(!0), Ce = (j) => {
+    ue(!1), H.current && clearInterval(H.current);
     const ie = setTimeout(() => {
       ue(!0);
     }, 3e3);
-    K.current = ie;
+    H.current = ie;
   };
   he(() => {
     setTimeout(() => {
       ue(!0);
     }, 3e3);
   }, []);
-  const Le = (j) => {
+  const $e = (j) => {
     if (!f?.parentElement?.parentElement?.contains(j?.relatedTarget)) {
       ue(!0);
       return;
     }
     j.currentTarget.parentElement !== j.relatedTarget && j.relatedTarget !== null || ue(!0);
   }, _e = () => {
-    H && d();
+    J && d();
   }, ve = () => {
-    !f || !J || (Ie((j) => !j), u());
+    !f || !X || (Ae((j) => !j), u());
   };
   he(() => {
-    if (!N.current || !f || J || !re?.data || !y)
+    if (!N.current || !f || X || !ee?.data || !y)
       return;
     const j = y.map(({ filename: be, data: je }) => [
       be.toLowerCase().replaceAll("-", " ").split(".").at(0),
@@ -2508,7 +2516,7 @@ overflow: hidden;
     ]), ie = new Ut({
       video: N.current,
       canvas: f,
-      subContent: re.data,
+      subContent: ee.data,
       fonts: j.filter(Boolean).map(([, be]) => be),
       availableFonts: { ...Object.fromEntries(j), "liberation sans": new URL("/build/default.woff2", new URL(window.location.toString()).origin).toString() },
       workerUrl: _,
@@ -2516,21 +2524,21 @@ overflow: hidden;
       modernWasmUrl: S
     });
     Ee(ie);
-  }, [f, y, re?.data]), he(() => {
+  }, [f, y, ee?.data]), he(() => {
     k.length && ae(0);
   }, [k.length]), he(() => {
-    if (!J)
+    if (!X)
       return;
-    if (!re) {
-      J.freeTrack();
+    if (!ee) {
+      X.freeTrack();
       return;
     }
-    J.setTrack(re.data), !(!f?.parentElement || R) && Ae(!0);
-  }, [J, re, R]);
+    X.setTrack(ee.data), !(!f?.parentElement || R) && Oe(!0);
+  }, [X, ee, R]);
   const Se = (j) => {
-    j && U(j);
+    j && B(j);
   };
-  return /* @__PURE__ */ ge("div", { ...I, css: pa, onMouseMove: Ce, onMouseOut: Le, className: `chrome ${I.className ?? ""} ${$e ? "hide" : ""}`, children: [
+  return /* @__PURE__ */ ge("div", { ...I, css: pa, onMouseMove: Ce, onMouseOut: $e, className: `chrome ${I.className ?? ""} ${Ie ? "hide" : ""}`, children: [
     /* @__PURE__ */ p(fa, { needsInitialInteraction: P, loading: t, togglePlay: _e, setCanvasRef: Se }),
     e,
     /* @__PURE__ */ p(
@@ -2543,23 +2551,23 @@ overflow: hidden;
         pictureInPicture: l,
         seek: v,
         setCurrentSubtitleTrack: ae,
-        isSubtitleMenuHidden: H,
+        isSubtitleMenuHidden: J,
         setIsSubtitleMenuHidden: fe,
         isErrorMenuHidden: Ne,
         setIsErrorMenuHidden: ke,
         setVolume: h,
-        subtitleTrack: re,
+        subtitleTrack: ee,
         tracks: k,
-        currentTime: i,
+        currentTime: o,
         duration: a,
         isPlaying: r,
-        loadedTime: o,
+        loadedTime: i,
         errors: b,
         customControls: x
       }
     )
   ] });
-}, ba = 25e5, ya = Er`
+}, ba = 25e5, ya = Nr`
   display: grid;
   justify-content: center;
   background-color: #111;
@@ -2579,90 +2587,90 @@ overflow: hidden;
     grid-column: 1;
     grid-row: 1;
   }
-`, Ra = ht(({
+`, Ra = pt(({
   customOverlay: e,
   baseBufferSize: r = ba,
   size: t,
   fetch: a,
-  customControls: o,
-  publicPath: i,
+  customControls: i,
+  publicPath: o,
   wasmUrl: l,
   libavWorkerUrl: u,
   libavWorkerOptions: d,
   libassWorkerUrl: v,
   makeTransmuxer: m = Bt
 }, h) => {
-  const [y, k] = z(!0), N = Ze(null), b = Ze(), [x, _] = z(), [S, P] = z(!(b?.current?.paused ?? !0)), [I, f] = z(0), [U, R] = z(void 0), [Ae, we] = z([]), [Ie, $e] = z([]), [ue, K] = z(), [H, fe] = z([0, 0]), [J, Ee] = z(!1), ne = Ze(a);
+  const [y, k] = Y(!0), N = Qe(null), b = Qe(), [x, _] = Y(), [S, P] = Y(!(b?.current?.paused ?? !0)), [I, f] = Y(0), [B, R] = Y(void 0), [Oe, we] = Y([]), [Ae, Ie] = Y([]), [ue, H] = Y(), [J, fe] = Y([0, 0]), [X, Ee] = Y(!1), ne = Qe(a);
   he(() => {
     ne.current = a;
   }, [a]), he(() => {
     if (!t || !x)
       return;
-    let w, Y;
+    let w, W;
     return (async () => {
       w = m({
-        publicPath: i,
+        publicPath: o,
         workerUrl: u,
         workerOptions: d,
         bufferSize: r,
         length: t,
         getStream: (C, O) => ne.current(C, O ? Math.min(C + O, t) - 1 : void 0).then(
-          (W) => O ? W.body : la(3)(
+          (q) => O ? q.body : la(3)(
             ca(r)(
-              W.body
+              q.body
             )
           )
         ),
-        subtitle: (C, O, W) => {
+        subtitle: (C, O, q) => {
           we(
-            (Q) => Q.find(({ title: ee }) => ee === C) ? Q.map((ee) => ee.title === C ? { title: C, language: O, data: W } : ee) : [...Q, { title: C, language: O, data: W }]
+            (G) => G.find(({ title: re }) => re === C) ? G.map((re) => re.title === C ? { title: C, language: O, data: q } : re) : [...G, { title: C, language: O, data: q }]
           );
         },
-        attachment: (C, O, W) => {
-          U?.find(({ filename: Q }) => C === Q) || R((Q) => [
-            ...Q ?? [],
-            { filename: C, mimetype: O, data: new Uint8Array(W) }
+        attachment: (C, O, q) => {
+          B?.find(({ filename: G }) => C === G) || R((G) => [
+            ...G ?? [],
+            { filename: C, mimetype: O, data: new Uint8Array(q) }
           ]);
         }
       });
-      const de = await w, Be = await de.init();
-      if (!Be)
+      const de = await w, Ve = await de.init();
+      if (!Ve)
         throw new Error("No header chunk found after remuxer init");
-      const Ye = await de.getInfo(), tr = Ye.input.duration / 1e6;
-      K(tr), x.addEventListener("error", (C) => {
+      const We = await de.getInfo(), nr = We.input.duration / 1e6;
+      H(nr), x.addEventListener("error", (C) => {
         console.error(C.target?.error);
       });
-      const Me = new MediaSource();
-      x.src = URL.createObjectURL(Me);
+      const Le = new MediaSource();
+      x.src = URL.createObjectURL(Le);
       const me = await new Promise(
-        (C) => Me.addEventListener(
+        (C) => Le.addEventListener(
           "sourceopen",
           () => {
-            const O = Me.addSourceBuffer(`video/mp4; codecs="${Ye.input.video_mime_type},${Ye.input.audio_mime_type}"`);
-            Me.duration = tr, O.mode = "segments", C(O);
+            const O = Le.addSourceBuffer(`video/mp4; codecs="${We.input.video_mime_type},${We.input.audio_mime_type}"`);
+            Le.duration = nr, O.mode = "segments", C(O);
           },
           { once: !0 }
         )
-      ), dr = new Gt({ concurrency: 1 }), We = (C, O) => {
-        const W = (V) => {
-          C(V), q();
-        }, Q = (V) => {
-          C(V), q();
-        }, ee = (V) => {
-          console.error(V), O(V), q();
-        }, q = () => {
-          me.removeEventListener("updateend", W), me.removeEventListener("abort", Q), me.removeEventListener("error", ee);
+      ), mr = new Gt({ concurrency: 1 }), qe = (C, O) => {
+        const q = (z) => {
+          C(z), U();
+        }, G = (z) => {
+          C(z), U();
+        }, re = (z) => {
+          console.error(z), O(z), U();
+        }, U = () => {
+          me.removeEventListener("updateend", q), me.removeEventListener("abort", G), me.removeEventListener("error", re);
         };
-        me.addEventListener("updateend", W, { once: !0 }), me.addEventListener("abort", Q, { once: !0 }), me.addEventListener("error", ee, { once: !0 });
-      }, qe = (C) => dr.add(
-        () => new Promise((O, W) => {
-          We(O, W), me.appendBuffer(C);
+        me.addEventListener("updateend", q, { once: !0 }), me.addEventListener("abort", G, { once: !0 }), me.addEventListener("error", re, { once: !0 });
+      }, Ge = (C) => mr.add(
+        () => new Promise((O, q) => {
+          qe(O, q), me.appendBuffer(C);
         })
-      ), mr = async (C, O) => dr.add(
-        () => new Promise((W, Q) => {
-          We(W, Q), me.remove(C, O);
+      ), gr = async (C, O) => mr.add(
+        () => new Promise((q, G) => {
+          qe(q, G), me.remove(C, O);
         })
-      ), nr = () => Array(me.buffered.length).fill(void 0).map((C, O) => ({
+      ), ar = () => Array(me.buffered.length).fill(void 0).map((C, O) => ({
         index: O,
         start: me.buffered.start(O),
         end: me.buffered.end(O)
@@ -2671,73 +2679,76 @@ overflow: hidden;
         x.playbackRate = 1, x.play();
       }, { once: !0 });
       let se = [];
-      const Ue = 1, _r = 5;
-      await qe(Be.buffer);
-      const Ge = async () => {
+      const Be = 1, Rr = 5;
+      await Ge(Ve.buffer);
+      let Ue = !1;
+      const Ke = async () => {
+        if (Ue)
+          throw new Error("end");
         const C = await de.read();
-        return se = [...se, C], C;
+        return C.isTrailer && (Ue = !0), se = [...se, C], C;
       };
-      let Ke = !1;
-      const Ve = sa(250, async () => {
-        if (Ke)
+      let ze = !1;
+      const He = sa(250, async () => {
+        if (ze)
           return;
-        const { currentTime: C } = x, O = se.findIndex(({ pts: ce, duration: Te }) => ce <= C && ce + Te >= C), W = Math.max(0, O - Ue);
-        for (let ce = 0; ce < W + _r; ce++) {
-          if (se[ce])
+        const { currentTime: C } = x, O = se.findIndex(({ pts: ce, duration: Me }) => ce <= C && ce + Me >= C), q = Math.max(0, O - Be);
+        for (let ce = 0; ce < q + Rr; ce++) {
+          if (se[ce] || Ue)
             continue;
-          const Te = await Ge();
-          await qe(Te.buffer);
+          const Me = await Ke();
+          await Ge(Me.buffer);
         }
-        W && (se = se.slice(W));
-        const Q = nr(), ee = se.at(0), q = se.at(-1);
-        if (!ee || !q || ee === q)
+        q && (se = se.slice(q));
+        const G = ar(), re = se.at(0), U = se.at(-1);
+        if (!re || !U || re === U)
           return;
-        const V = ee.pts;
-        for (const { start: ce, end: Te } of Q)
-          se.findIndex(({ pts: gr, duration: ar }) => ce <= gr + ar / 2 && gr + ar / 2 <= Te) === -1 ? await mr(ce, Te) : ce < V && await mr(
+        const z = re.pts;
+        for (const { start: ce, end: Me } of G)
+          se.findIndex(({ pts: or, duration: hr }) => ce <= or + hr / 2 && or + hr / 2 <= Me) === -1 ? await gr(ce, Me) : ce < z && await gr(
             ce,
-            V
+            z
           );
       });
-      let ze;
-      const Rr = ia(250, async (C) => {
+      let Ye;
+      const Cr = ia(250, async (C) => {
         try {
-          ze === void 0 && (ze = x.paused), Ke = !0, se = [], await de.seek(C);
-          const O = await Ge();
-          me.timestampOffset = O.pts, await qe(O.buffer), ze === !1 && await x.play(), Ke = !1, await Ve(), ze === !1 && await x.play(), ze = void 0;
+          Ue = !1, Ye === void 0 && (Ye = x.paused), ze = !0, se = [], await de.seek(C);
+          const O = await Ke();
+          me.timestampOffset = O.pts, await Ge(O.buffer), Ye === !1 && await x.play(), ze = !1, await He(), Ye === !1 && await x.play(), Ye = void 0;
         } catch (O) {
           if (O.message !== "exit")
             throw O;
         }
-      }), Cr = await Ge();
-      qe(Cr.buffer), x.addEventListener("timeupdate", () => {
-        Ve();
+      }), Tr = await Ke();
+      Ge(Tr.buffer), x.addEventListener("timeupdate", () => {
+        He();
       }), x.addEventListener("waiting", () => {
-        Ve();
+        He();
       }), x.addEventListener("seeking", (C) => {
-        Rr(x.currentTime);
-      }), Ve(), Y = window.setInterval(() => {
-        const C = nr(), O = C.sort(({ start: q }, { start: V }) => q - V).at(0), W = C.sort(({ end: q }, { end: V }) => q - V).at(-1);
-        if (!O || !W)
+        Cr(x.currentTime);
+      }), He(), W = window.setInterval(() => {
+        const C = ar(), O = C.sort(({ start: U }, { start: z }) => U - z).at(0), q = C.sort(({ end: U }, { end: z }) => U - z).at(-1);
+        if (!O || !q)
           return;
-        let Q = se.filter(({ pts: q, duration: V }) => q + V / 2 > O.start).sort(({ pts: q }, { pts: V }) => q - V).at(0)?.pts, ee = se.filter(({ pts: q, duration: V }) => q + V / 2 < W.end).sort(({ pts: q }, { pts: V }) => q - V).at(-1)?.pts;
-        Q === void 0 || ee === void 0 || fe([Q, ee]);
+        let G = se.filter(({ pts: U, duration: z }) => U + z / 2 > O.start).sort(({ pts: U }, { pts: z }) => U - z).at(0)?.pts, re = se.filter(({ pts: U, duration: z }) => U + z / 2 < q.end).sort(({ pts: U }, { pts: z }) => U - z).at(-1)?.pts;
+        G === void 0 || re === void 0 || fe([G, re]);
       }, 200);
     })(), () => {
-      w.then((de) => de.destroy(!0)), window.clearInterval(Y);
+      w.then((de) => de.destroy(!0)), window.clearInterval(W);
     };
   }, [t, x]);
   const ae = (w) => {
     k(!0);
-  }, [re, Ne] = z(!1), ke = (w) => {
+  }, [ee, Ne] = Y(!1), ke = (w) => {
     Ne(!1);
   }, Ce = (w) => {
     b.current && (Ne(!0), f(b.current?.currentTime ?? 0));
-  }, Le = (w) => {
+  }, $e = (w) => {
     x && (x.currentTime = w, Ne(!0));
   }, _e = (w) => {
-    re || (f(b.current?.currentTime ?? 0), k(!1));
-  }, ve = (w) => (Y) => {
+    ee || (f(b.current?.currentTime ?? 0), k(!1));
+  }, ve = (w) => (W) => {
     P(w);
   }, Se = () => {
     if (document.pictureInPictureElement)
@@ -2777,21 +2788,21 @@ overflow: hidden;
         customOverlay: e,
         isPlaying: S,
         video: b,
-        needsInitialInteraction: J,
+        needsInitialInteraction: X,
         loading: y,
         duration: ue,
         currentTime: I,
-        loadedTime: H,
+        loadedTime: J,
         pictureInPicture: Se,
         fullscreen: j,
         play: ie,
-        seek: Le,
+        seek: $e,
         getVolume: je,
         setVolume: be,
-        attachments: U,
-        tracks: Ae,
-        errors: Ie,
-        customControls: o,
+        attachments: B,
+        tracks: Oe,
+        errors: Ae,
+        customControls: i,
         libassWorkerUrl: v,
         wasmUrl: l
       }