@banou/media-player 0.2.5 → 0.2.6

package/build/index.js

@@ -1,5 +1,5 @@
-import * as Me from "react";
-import ht, { forwardRef as pt, useContext as Vt, useState as U, useEffect as he, useRef as er, useMemo as Ir } from "react";
+import * as Fe from "react";
+import ht, { forwardRef as pt, useContext as Vt, useState as U, useEffect as pe, useRef as er, useMemo as Ir } from "react";
 import { css as kr } from "@emotion/react";
 import { makeRemuxer as Bt } from "libav-wasm";
 import zt from "jassub";
@@ -23,14 +23,14 @@ function Kt() {
   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);
+    var m, h = {}, N = null, S = null;
+    v !== void 0 && (N = "" + v), d.key !== void 0 && (N = "" + d.key), d.ref !== void 0 && (S = d.ref);
     for (m in d)
       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: i.current };
+    return { $$typeof: r, type: u, key: N, ref: S, props: h, _owner: i.current };
   }
   return sr.Fragment = t, sr.jsx = l, sr.jsxs = l, sr;
 }
@@ -47,22 +47,22 @@ var cr = {};
 var Zr;
 function Ht() {
   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";
+    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"), N = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), y = Symbol.iterator, b = "@@iterator";
     function x(n) {
       if (n === null || typeof n != "object")
         return null;
-      var c = N && n[N] || n[b];
+      var c = y && n[y] || n[b];
       return typeof c == "function" ? c : null;
     }
     var _ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(n) {
+    function k(n) {
       {
         for (var c = arguments.length, g = new Array(c > 1 ? c - 1 : 0), w = 1; w < c; w++)
           g[w - 1] = arguments[w];
-        P("error", n, g);
+        O("error", n, g);
       }
     }
-    function P(n, c, g) {
+    function O(n, c, g) {
       {
         var w = _.ReactDebugCurrentFrame, $ = w.getStackAddendum();
         $ !== "" && (c += "%s", g = g.concat([$]));
@@ -72,29 +72,29 @@ function Ht() {
         V.unshift("Warning: " + c), Function.prototype.apply.call(console[n], console, V);
       }
     }
-    var I = !1, f = !1, z = !1, C = !1, Oe = !1, Ee;
-    Ee = Symbol.for("react.module.reference");
-    function Ae(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === a || n === o || Oe || n === i || n === v || n === m || C || n === k || I || f || z || 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
+    var I = !1, f = !1, M = !1, R = !1, _e = !1, ye;
+    ye = Symbol.for("react.module.reference");
+    function Ie(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === o || _e || n === i || n === v || n === m || R || n === S || I || f || M || typeof n == "object" && n !== null && (n.$$typeof === N || 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 === Ee || n.getModuleId !== void 0));
+      n.$$typeof === ye || n.getModuleId !== void 0));
     }
-    function Ie(n, c, g) {
+    function $e(n, c, g) {
       var w = n.displayName;
       if (w)
         return w;
       var $ = c.displayName || c.name || "";
       return $ !== "" ? g + "(" + $ + ")" : g;
     }
-    function ue(n) {
+    function Ce(n) {
       return n.displayName || "Context";
     }
-    function H(n) {
+    function q(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")
+      if (typeof n.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
         return n.displayName || n.name || null;
       if (typeof n == "string")
         return n;
@@ -116,19 +116,19 @@ function Ht() {
         switch (n.$$typeof) {
           case u:
             var c = n;
-            return ue(c) + ".Consumer";
+            return Ce(c) + ".Consumer";
           case l:
             var g = n;
-            return ue(g._context) + ".Provider";
+            return Ce(g._context) + ".Provider";
           case d:
-            return Ie(n, n.render, "ForwardRef");
+            return $e(n, n.render, "ForwardRef");
           case h:
             var w = n.displayName || null;
-            return w !== null ? w : H(n.type) || "Memo";
-          case y: {
+            return w !== null ? w : q(n.type) || "Memo";
+          case N: {
             var $ = n, V = $._payload, A = $._init;
             try {
-              return H(A(V));
+              return q(A(V));
             } catch {
               return null;
             }
@@ -136,18 +136,18 @@ function Ht() {
         }
       return null;
     }
-    var J = Object.assign, fe = 0, X, we, te, ne, ee, Ne, ke;
-    function Ce() {
+    var K = Object.assign, oe = 0, ie, re, Ee, Q, we, ee, Ne;
+    function Re() {
     }
-    Ce.__reactDisabledLog = !0;
-    function $e() {
+    Re.__reactDisabledLog = !0;
+    function Le() {
       {
-        if (fe === 0) {
-          X = console.log, we = console.info, te = console.warn, ne = console.error, ee = console.group, Ne = console.groupCollapsed, ke = console.groupEnd;
+        if (oe === 0) {
+          ie = console.log, re = console.info, Ee = console.warn, Q = console.error, we = console.group, ee = console.groupCollapsed, Ne = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
-            value: Ce,
+            value: Re,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -160,77 +160,77 @@ function Ht() {
             groupEnd: n
           });
         }
-        fe++;
+        oe++;
       }
     }
-    function _e() {
+    function Te() {
       {
-        if (fe--, fe === 0) {
+        if (oe--, oe === 0) {
           var n = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: J({}, n, {
-              value: X
+            log: K({}, n, {
+              value: ie
             }),
-            info: J({}, n, {
-              value: we
+            info: K({}, n, {
+              value: re
+            }),
+            warn: K({}, n, {
+              value: Ee
             }),
-            warn: J({}, n, {
-              value: te
+            error: K({}, n, {
+              value: Q
             }),
-            error: J({}, n, {
-              value: ne
+            group: K({}, n, {
+              value: we
             }),
-            group: J({}, n, {
+            groupCollapsed: K({}, n, {
               value: ee
             }),
-            groupCollapsed: J({}, n, {
+            groupEnd: K({}, n, {
               value: Ne
-            }),
-            groupEnd: J({}, n, {
-              value: ke
             })
           });
         }
-        fe < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ve = _.ReactCurrentDispatcher, Se;
-    function j(n, c, g) {
+    var fe = _.ReactCurrentDispatcher, ke;
+    function se(n, c, g) {
       {
-        if (Se === void 0)
+        if (ke === void 0)
           try {
             throw Error();
           } catch ($) {
             var w = $.stack.trim().match(/\n( *(at )?)/);
-            Se = w && w[1] || "";
+            ke = w && w[1] || "";
           }
         return `
-` + Se + n;
+` + ke + n;
       }
     }
-    var ie = !1, be;
+    var z = !1, de;
     {
-      var Fe = typeof WeakMap == "function" ? WeakMap : Map;
-      be = new Fe();
+      var Oe = typeof WeakMap == "function" ? WeakMap : Map;
+      de = new Oe();
     }
     function s(n, c) {
-      if (!n || ie)
+      if (!n || z)
         return "";
       {
-        var g = be.get(n);
+        var g = de.get(n);
         if (g !== void 0)
           return g;
       }
       var w;
-      ie = !0;
+      z = !0;
       var $ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var V;
-      V = ve.current, ve.current = null, $e();
+      V = fe.current, fe.current = null, Le();
       try {
         if (c) {
           var A = function() {
@@ -243,50 +243,50 @@ function Ht() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(A, []);
-            } catch (De) {
-              w = De;
+            } catch (Me) {
+              w = Me;
             }
             Reflect.construct(n, [], A);
           } else {
             try {
               A.call();
-            } catch (De) {
-              w = De;
+            } catch (Me) {
+              w = Me;
             }
             n.call(A.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (De) {
-            w = De;
+          } catch (Me) {
+            w = Me;
           }
           n();
         }
-      } catch (De) {
-        if (De && w && typeof De.stack == "string") {
-          for (var T = De.stack.split(`
-`), le = w.stack.split(`
-`), 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)
+      } catch (Me) {
+        if (Me && w && typeof Me.stack == "string") {
+          for (var T = Me.stack.split(`
+`), ue = w.stack.split(`
+`), J = T.length - 1, X = ue.length - 1; J >= 1 && X >= 0 && T[J] !== ue[X]; )
+            X--;
+          for (; J >= 1 && X >= 0; J--, X--)
+            if (T[J] !== ue[X]) {
+              if (J !== 1 || X !== 1)
                 do
-                  if (K--, Z--, Z < 0 || T[K] !== le[Z]) {
-                    var xe = `
-` + 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;
+                  if (J--, X--, X < 0 || T[J] !== ue[X]) {
+                    var Se = `
+` + T[J].replace(" at new ", " at ");
+                    return n.displayName && Se.includes("<anonymous>") && (Se = Se.replace("<anonymous>", n.displayName)), typeof n == "function" && de.set(n, Se), Se;
                   }
-                while (K >= 1 && Z >= 0);
+                while (J >= 1 && X >= 0);
               break;
             }
         }
       } finally {
-        ie = !1, ve.current = V, _e(), Error.prepareStackTrace = $;
+        z = !1, fe.current = V, Te(), Error.prepareStackTrace = $;
       }
-      var Xe = n ? n.displayName || n.name : "", Hr = Xe ? j(Xe) : "";
-      return typeof n == "function" && be.set(n, Hr), Hr;
+      var Xe = n ? n.displayName || n.name : "", Hr = Xe ? se(Xe) : "";
+      return typeof n == "function" && de.set(n, Hr), Hr;
     }
     function E(n, c, g) {
       return s(n, !1);
@@ -295,29 +295,29 @@ function Ht() {
       var c = n.prototype;
       return !!(c && c.isReactComponent);
     }
-    function de(n, c, g) {
+    function me(n, c, g) {
       if (n == null)
         return "";
       if (typeof n == "function")
         return s(n, W(n));
       if (typeof n == "string")
-        return j(n);
+        return se(n);
       switch (n) {
         case v:
-          return j("Suspense");
+          return se("Suspense");
         case m:
-          return j("SuspenseList");
+          return se("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
           case d:
             return E(n.render);
           case h:
-            return de(n.type, c, g);
-          case y: {
+            return me(n.type, c, g);
+          case N: {
             var w = n, $ = w._payload, V = w._init;
             try {
-              return de(V($), c, g);
+              return me(V($), c, g);
             } catch {
             }
           }
@@ -325,14 +325,14 @@ function Ht() {
       return "";
     }
     var je = Object.prototype.hasOwnProperty, Ye = {}, ar = _.ReactDebugCurrentFrame;
-    function Le(n) {
+    function De(n) {
       if (n) {
-        var c = n._owner, g = de(n.type, n._source, c ? c.type : null);
+        var c = n._owner, g = me(n.type, n._source, c ? c.type : null);
         ar.setExtraStackFrame(g);
       } else
         ar.setExtraStackFrame(null);
     }
-    function me(n, c, g, w, $) {
+    function ge(n, c, g, w, $) {
       {
         var V = Function.call.bind(je);
         for (var A in n)
@@ -340,14 +340,14 @@ function Ht() {
             var T = void 0;
             try {
               if (typeof n[A] != "function") {
-                var le = Error((w || "React class") + ": " + g + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw le.name = "Invariant Violation", le;
+                var ue = Error((w || "React class") + ": " + g + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ue.name = "Invariant Violation", ue;
               }
               T = n[A](c, A, w, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (K) {
-              T = K;
+            } catch (J) {
+              T = J;
             }
-            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).", w || "React class", g, A, typeof T), Le(null)), T instanceof Error && !(T.message in Ye) && (Ye[T.message] = !0, Le($), S("Failed %s type: %s", g, T.message), Le(null));
+            T && !(T instanceof Error) && (De($), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", g, A, typeof T), De(null)), T instanceof Error && !(T.message in Ye) && (Ye[T.message] = !0, De($), k("Failed %s type: %s", g, T.message), De(null));
           }
       }
     }
@@ -371,11 +371,11 @@ function Ht() {
     function or(n) {
       return "" + n;
     }
-    function se(n) {
+    function ce(n) {
       if (hr(n))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", We(n)), or(n);
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", We(n)), or(n);
     }
-    var Ve = _.ReactCurrentOwner, Cr = {
+    var Ve = _.ReactCurrentOwner, Rr = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -400,14 +400,14 @@ function Ht() {
     }
     function Tr(n, c) {
       if (typeof n.ref == "string" && Ve.current && c && Ve.current.stateNode !== c) {
-        var g = H(Ve.current.type);
-        Be[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(Ve.current.type), n.ref), Be[g] = !0);
+        var g = q(Ve.current.type);
+        Be[g] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', q(Ve.current.type), n.ref), Be[g] = !0);
       }
     }
-    function Pr(n, c) {
+    function Or(n, c) {
       {
         var g = function() {
-          qe || (qe = !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));
+          qe || (qe = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
         };
         g.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: g,
@@ -415,10 +415,10 @@ function Ht() {
         });
       }
     }
-    function R(n, c) {
+    function C(n, c) {
       {
         var g = function() {
-          Ge || (Ge = !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));
+          Ge || (Ge = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
         };
         g.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: g,
@@ -426,7 +426,7 @@ function Ht() {
         });
       }
     }
-    var O = function(n, c, g, w, $, V, A) {
+    var P = function(n, c, g, w, $, V, A) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -455,41 +455,41 @@ function Ht() {
         value: $
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function q(n, c, g, w, $) {
+    function G(n, c, g, w, $) {
       {
-        var V, A = {}, T = null, le = null;
-        g !== void 0 && (se(g), T = "" + g), ze(c) && (se(c.key), T = "" + c.key), Ke(c) && (le = c.ref, Tr(c, $));
+        var V, A = {}, T = null, ue = null;
+        g !== void 0 && (ce(g), T = "" + g), ze(c) && (ce(c.key), T = "" + c.key), Ke(c) && (ue = c.ref, Tr(c, $));
         for (V in c)
-          je.call(c, V) && !Cr.hasOwnProperty(V) && (A[V] = c[V]);
+          je.call(c, V) && !Rr.hasOwnProperty(V) && (A[V] = c[V]);
         if (n && n.defaultProps) {
-          var K = n.defaultProps;
-          for (V in K)
-            A[V] === void 0 && (A[V] = K[V]);
+          var J = n.defaultProps;
+          for (V in J)
+            A[V] === void 0 && (A[V] = J[V]);
         }
-        if (T || le) {
-          var Z = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          T && Pr(A, Z), le && R(A, Z);
+        if (T || ue) {
+          var X = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          T && Or(A, X), ue && C(A, X);
         }
-        return O(n, T, le, $, w, Ve.current, A);
+        return P(n, T, ue, $, w, Ve.current, A);
       }
     }
-    var G = _.ReactCurrentOwner, ce = _.ReactDebugCurrentFrame;
+    var H = _.ReactCurrentOwner, le = _.ReactDebugCurrentFrame;
     function B(n) {
       if (n) {
-        var c = n._owner, g = de(n.type, n._source, c ? c.type : null);
-        ce.setExtraStackFrame(g);
+        var c = n._owner, g = me(n.type, n._source, c ? c.type : null);
+        le.setExtraStackFrame(g);
       } else
-        ce.setExtraStackFrame(null);
+        le.setExtraStackFrame(null);
     }
     var Y;
     Y = !1;
     function He(n) {
       return typeof n == "object" && n !== null && n.$$typeof === r;
     }
-    function ae() {
+    function ne() {
       {
-        if (G.current) {
-          var n = H(G.current.type);
+        if (H.current) {
+          var n = q(H.current.type);
           if (n)
             return `
 
@@ -509,10 +509,10 @@ Check your code at ` + c + ":" + g + ".";
         return "";
       }
     }
-    var Or = {};
+    var Pr = {};
     function pr(n) {
       {
-        var c = ae();
+        var c = ne();
         if (!c) {
           var g = typeof n == "string" ? n : n.displayName || n.name;
           g && (c = `
@@ -528,11 +528,11 @@ Check the top-level render call using <` + g + ">.");
           return;
         n._store.validated = !0;
         var g = pr(c);
-        if (Or[g])
+        if (Pr[g])
           return;
-        Or[g] = !0;
+        Pr[g] = !0;
         var w = "";
-        n && n._owner && n._owner !== G.current && (w = " It was passed a child from " + H(n._owner.type) + "."), B(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, w), B(null);
+        n && n._owner && n._owner !== H.current && (w = " It was passed a child from " + q(n._owner.type) + "."), B(n), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, w), B(null);
       }
     }
     function Gr(n, c) {
@@ -569,14 +569,14 @@ Check the top-level render call using <` + g + ">.");
         else
           return;
         if (g) {
-          var w = H(c);
-          me(g, n.props, "prop", w, n);
+          var w = q(c);
+          ge(g, n.props, "prop", w, n);
         } else if (c.PropTypes !== void 0 && !Y) {
           Y = !0;
-          var $ = H(c);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
+          var $ = q(c);
+          k("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.");
+        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Lt(n) {
@@ -584,41 +584,41 @@ Check the top-level render call using <` + g + ">.");
         for (var c = Object.keys(n.props), g = 0; g < c.length; g++) {
           var w = c[g];
           if (w !== "children" && w !== "key") {
-            B(n), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), B(null);
+            B(n), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), B(null);
             break;
           }
         }
-        n.ref !== null && (B(n), S("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
+        n.ref !== null && (B(n), k("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
       }
     }
     function Kr(n, c, g, w, $, V) {
       {
-        var A = Ae(n);
+        var A = Ie(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 = Je($);
-          le ? T += le : T += ae();
-          var K;
-          n === null ? K = "null" : Ue(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 ue = Je($);
+          ue ? T += ue : T += ne();
+          var J;
+          n === null ? J = "null" : Ue(n) ? J = "array" : n !== void 0 && n.$$typeof === r ? (J = "<" + (q(n.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : J = typeof n, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, T);
         }
-        var Z = q(n, c, g, $, V);
-        if (Z == null)
-          return Z;
+        var X = G(n, c, g, $, V);
+        if (X == null)
+          return X;
         if (A) {
-          var xe = c.children;
-          if (xe !== void 0)
+          var Se = c.children;
+          if (Se !== void 0)
             if (w)
-              if (Ue(xe)) {
-                for (var Xe = 0; Xe < xe.length; Xe++)
-                  Gr(xe[Xe], n);
-                Object.freeze && Object.freeze(xe);
+              if (Ue(Se)) {
+                for (var Xe = 0; Xe < Se.length; Xe++)
+                  Gr(Se[Xe], n);
+                Object.freeze && Object.freeze(Se);
               } 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.");
+                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Gr(xe, n);
+              Gr(Se, n);
         }
-        return n === a ? Lt(Z) : $t(Z), Z;
+        return n === a ? Lt(X) : $t(X), X;
       }
     }
     function Dt(n, c, g) {
@@ -679,9 +679,9 @@ var Qt = /* @__PURE__ */ function() {
       return a.parentNode && a.parentNode.removeChild(a);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), oe = "-ms-", wr = "-moz-", L = "-webkit-", Br = "comm", zr = "rule", Yr = "decl", en = "@import", vt = "@keyframes", rn = "@layer", tn = Math.abs, Sr = String.fromCharCode, nn = Object.assign;
+}(), ae = "-ms-", wr = "-moz-", L = "-webkit-", Br = "comm", zr = "rule", Yr = "decl", en = "@import", vt = "@keyframes", rn = "@layer", tn = Math.abs, Sr = String.fromCharCode, nn = Object.assign;
 function an(e, r) {
-  return re(e, 0) ^ 45 ? (((r << 2 ^ re(e, 0)) << 2 ^ re(e, 1)) << 2 ^ re(e, 2)) << 2 ^ re(e, 3) : 0;
+  return te(e, 0) ^ 45 ? (((r << 2 ^ te(e, 0)) << 2 ^ te(e, 1)) << 2 ^ te(e, 2)) << 2 ^ te(e, 3) : 0;
 }
 function bt(e) {
   return e.trim();
@@ -695,13 +695,13 @@ function D(e, r, t) {
 function Lr(e, r) {
   return e.indexOf(r);
 }
-function re(e, r) {
+function te(e, r) {
   return e.charCodeAt(r) | 0;
 }
 function ur(e, r, t) {
   return e.slice(r, t);
 }
-function Te(e) {
+function Pe(e) {
   return e.length;
 }
 function Ur(e) {
@@ -713,7 +713,7 @@ function vr(e, r) {
 function sn(e, r) {
   return e.map(r).join("");
 }
-var xr = 1, tr = 1, yt = 0, pe = 0, Q = 0, nr = "";
+var xr = 1, tr = 1, yt = 0, ve = 0, Z = 0, nr = "";
 function _r(e, r, t, a, i, o, l) {
   return { value: e, root: r, parent: t, type: a, props: i, children: o, line: xr, column: tr, length: l, return: "" };
 }
@@ -721,19 +721,19 @@ function lr(e, r) {
   return nn(_r("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
 function cn() {
-  return Q;
+  return Z;
 }
 function ln() {
-  return Q = pe > 0 ? re(nr, --pe) : 0, tr--, Q === 10 && (tr = 1, xr--), Q;
+  return Z = ve > 0 ? te(nr, --ve) : 0, tr--, Z === 10 && (tr = 1, xr--), Z;
 }
-function ye() {
-  return Q = pe < yt ? re(nr, pe++) : 0, tr++, Q === 10 && (tr = 1, xr++), Q;
+function be() {
+  return Z = ve < yt ? te(nr, ve++) : 0, tr++, Z === 10 && (tr = 1, xr++), Z;
 }
-function Pe() {
-  return re(nr, pe);
+function Ae() {
+  return te(nr, ve);
 }
 function br() {
-  return pe;
+  return ve;
 }
 function mr(e, r) {
   return ur(nr, e, r);
@@ -771,149 +771,149 @@ function fr(e) {
   return 0;
 }
 function Et(e) {
-  return xr = tr = 1, yt = Te(nr = e), pe = 0, [];
+  return xr = tr = 1, yt = Pe(nr = e), ve = 0, [];
 }
 function wt(e) {
   return nr = "", e;
 }
 function yr(e) {
-  return bt(mr(pe - 1, Dr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return bt(mr(ve - 1, Dr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function un(e) {
-  for (; (Q = Pe()) && Q < 33; )
-    ye();
-  return fr(e) > 2 || fr(Q) > 3 ? "" : " ";
+  for (; (Z = Ae()) && Z < 33; )
+    be();
+  return fr(e) > 2 || fr(Z) > 3 ? "" : " ";
 }
 function fn(e, r) {
-  for (; --r && ye() && !(Q < 48 || Q > 102 || Q > 57 && Q < 65 || Q > 70 && Q < 97); )
+  for (; --r && be() && !(Z < 48 || Z > 102 || Z > 57 && Z < 65 || Z > 70 && Z < 97); )
     ;
-  return mr(e, br() + (r < 6 && Pe() == 32 && ye() == 32));
+  return mr(e, br() + (r < 6 && Ae() == 32 && be() == 32));
 }
 function Dr(e) {
-  for (; ye(); )
-    switch (Q) {
+  for (; be(); )
+    switch (Z) {
       case e:
-        return pe;
+        return ve;
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Dr(Q);
+        e !== 34 && e !== 39 && Dr(Z);
         break;
       case 40:
         e === 41 && Dr(e);
         break;
       case 92:
-        ye();
+        be();
         break;
     }
-  return pe;
+  return ve;
 }
 function dn(e, r) {
-  for (; ye() && e + Q !== 47 + 10; )
-    if (e + Q === 42 + 42 && Pe() === 47)
+  for (; be() && e + Z !== 47 + 10; )
+    if (e + Z === 42 + 42 && Ae() === 47)
       break;
-  return "/*" + mr(r, pe - 1) + "*" + Sr(e === 47 ? e : ye());
+  return "/*" + mr(r, ve - 1) + "*" + Sr(e === 47 ? e : be());
 }
 function mn(e) {
-  for (; !fr(Pe()); )
-    ye();
-  return mr(e, pe);
+  for (; !fr(Ae()); )
+    be();
+  return mr(e, ve);
 }
 function gn(e) {
   return wt(Er("", null, null, null, [""], e = Et(e), 0, [0], e));
 }
 function Er(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, z = a, C = P; x; )
-    switch (N = S, S = ye()) {
+  for (var v = 0, m = 0, h = l, N = 0, S = 0, y = 0, b = 1, x = 1, _ = 1, k = 0, O = "", I = i, f = o, M = a, R = O; x; )
+    switch (y = k, k = be()) {
       case 40:
-        if (N != 108 && re(C, h - 1) == 58) {
-          Lr(C += D(yr(S), "&", "&\f"), "&\f") != -1 && (_ = -1);
+        if (y != 108 && te(R, h - 1) == 58) {
+          Lr(R += D(yr(k), "&", "&\f"), "&\f") != -1 && (_ = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        C += yr(S);
+        R += yr(k);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        C += un(N);
+        R += un(y);
         break;
       case 92:
-        C += fn(br() - 1, 7);
+        R += fn(br() - 1, 7);
         continue;
       case 47:
-        switch (Pe()) {
+        switch (Ae()) {
           case 42:
           case 47:
-            vr(hn(dn(ye(), br()), r, t), d);
+            vr(hn(dn(be(), br()), r, t), d);
             break;
           default:
-            C += "/";
+            R += "/";
         }
         break;
       case 123 * b:
-        u[v++] = Te(C) * _;
+        u[v++] = Pe(R) * _;
       case 125 * b:
       case 59:
       case 0:
-        switch (S) {
+        switch (k) {
           case 0:
           case 125:
             x = 0;
           case 59 + m:
-            _ == -1 && (C = D(C, /\f/g, "")), k > 0 && Te(C) - h && vr(k > 32 ? tt(C + ";", a, t, h - 1) : tt(D(C, " ", "") + ";", a, t, h - 2), d);
+            _ == -1 && (R = D(R, /\f/g, "")), S > 0 && Pe(R) - h && vr(S > 32 ? tt(R + ";", a, t, h - 1) : tt(D(R, " ", "") + ";", a, t, h - 2), d);
             break;
           case 59:
-            C += ";";
+            R += ";";
           default:
-            if (vr(z = rt(C, r, t, v, m, i, u, P, I = [], f = [], h), o), S === 123)
+            if (vr(M = rt(R, r, t, v, m, i, u, O, I = [], f = [], h), o), k === 123)
               if (m === 0)
-                Er(C, r, z, z, I, o, h, u, f);
+                Er(R, r, M, M, I, o, h, u, f);
               else
-                switch (y === 99 && re(C, 3) === 110 ? 100 : y) {
+                switch (N === 99 && te(R, 3) === 110 ? 100 : N) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Er(e, z, z, a && vr(rt(e, z, z, 0, 0, i, u, P, i, I = [], h), f), i, f, h, u, a ? I : f);
+                    Er(e, M, M, a && vr(rt(e, M, M, 0, 0, i, u, O, i, I = [], h), f), i, f, h, u, a ? I : f);
                     break;
                   default:
-                    Er(C, z, z, z, [""], f, 0, u, f);
+                    Er(R, M, M, M, [""], f, 0, u, f);
                 }
         }
-        v = m = k = 0, b = _ = 1, P = C = "", h = l;
+        v = m = S = 0, b = _ = 1, O = R = "", h = l;
         break;
       case 58:
-        h = 1 + Te(C), k = N;
+        h = 1 + Pe(R), S = y;
       default:
         if (b < 1) {
-          if (S == 123)
+          if (k == 123)
             --b;
-          else if (S == 125 && b++ == 0 && ln() == 125)
+          else if (k == 125 && b++ == 0 && ln() == 125)
             continue;
         }
-        switch (C += Sr(S), S * b) {
+        switch (R += Sr(k), k * b) {
           case 38:
-            _ = m > 0 ? 1 : (C += "\f", -1);
+            _ = m > 0 ? 1 : (R += "\f", -1);
             break;
           case 44:
-            u[v++] = (Te(C) - 1) * _, _ = 1;
+            u[v++] = (Pe(R) - 1) * _, _ = 1;
             break;
           case 64:
-            Pe() === 45 && (C += yr(ye())), y = Pe(), m = h = Te(P = C += mn(br())), S++;
+            Ae() === 45 && (R += yr(be())), N = Ae(), m = h = Pe(O = R += mn(br())), k++;
             break;
           case 45:
-            N === 45 && Te(C) == 2 && (b = 0);
+            y === 45 && Pe(R) == 2 && (b = 0);
         }
     }
   return o;
 }
 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 = ur(e, h + 1, h = tn(b = l[N])), P = e; _ < k; ++_)
-      (P = bt(b > 0 ? y[_] + " " + S : D(S, /&\f/g, y[_]))) && (d[x++] = P);
+  for (var h = i - 1, N = i === 0 ? o : [""], S = Ur(N), y = 0, b = 0, x = 0; y < a; ++y)
+    for (var _ = 0, k = ur(e, h + 1, h = tn(b = l[y])), O = e; _ < S; ++_)
+      (O = bt(b > 0 ? N[_] + " " + k : D(k, /&\f/g, N[_]))) && (d[x++] = O);
   return _r(e, r, t, i === 0 ? zr : u, d, v, m);
 }
 function hn(e, r, t) {
@@ -942,7 +942,7 @@ function pn(e, r, t, a) {
     case zr:
       e.value = e.props.join(",");
   }
-  return Te(t = rr(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
+  return Pe(t = rr(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
 }
 function vn(e) {
   var r = Ur(e);
@@ -964,28 +964,28 @@ function yn(e) {
   };
 }
 var En = function(r, t, a) {
-  for (var i = 0, o = 0; i = o, o = Pe(), i === 38 && o === 12 && (t[a] = 1), !fr(o); )
-    ye();
-  return mr(r, pe);
+  for (var i = 0, o = 0; i = o, o = Ae(), i === 38 && o === 12 && (t[a] = 1), !fr(o); )
+    be();
+  return mr(r, ve);
 }, wn = function(r, t) {
   var a = -1, i = 44;
   do
     switch (fr(i)) {
       case 0:
-        i === 38 && Pe() === 12 && (t[a] = 1), r[a] += En(pe - 1, t, a);
+        i === 38 && Ae() === 12 && (t[a] = 1), r[a] += En(ve - 1, t, a);
         break;
       case 2:
         r[a] += yr(i);
         break;
       case 4:
         if (i === 44) {
-          r[++a] = Pe() === 58 ? "&\f" : "", t[a] = r[a].length;
+          r[++a] = Ae() === 58 ? "&\f" : "", t[a] = r[a].length;
           break;
         }
       default:
         r[a] += Sr(i);
     }
-  while (i = ye());
+  while (i = be());
   return r;
 }, Nn = function(r, t) {
   return wt(wn(Et(r), t));
@@ -1012,7 +1012,7 @@ var En = 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) {
+}, Cn = function(r) {
   return function(t, a, i) {
     if (!(t.type !== "rule" || r.compat)) {
       var o = t.value.match(/(:first|:nth|:nth-last)-child/g);
@@ -1038,7 +1038,7 @@ var En = function(r, t, a) {
   };
 }, Nt = function(r) {
   return r.type.charCodeAt(1) === 105 && r.type.charCodeAt(0) === 64;
-}, Cn = function(r, t) {
+}, Rn = function(r, t) {
   for (var a = r - 1; a >= 0; a--)
     if (!Nt(t[a]))
       return !0;
@@ -1046,7 +1046,7 @@ var En = function(r, t, a) {
 }, at = function(r) {
   r.type = "", r.value = "", r.return = "", r.children = "", r.props = "";
 }, Tn = function(r, t, a) {
-  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)));
+  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)) : Rn(t, a) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), at(r)));
 };
 function kt(e, r) {
   switch (an(e, r)) {
@@ -1083,24 +1083,24 @@ function kt(e, r) {
     case 4810:
     case 6968:
     case 2756:
-      return L + e + wr + e + oe + e + e;
+      return L + e + wr + e + ae + e + e;
     case 6828:
     case 4268:
-      return L + e + oe + e + e;
+      return L + e + ae + e + e;
     case 6165:
-      return L + e + oe + "flex-" + e + e;
+      return L + e + ae + "flex-" + e + e;
     case 5187:
-      return L + e + D(e, /(\w+).+(:[^]+)/, L + "box-$1$2" + oe + "flex-$1$2") + e;
+      return L + e + D(e, /(\w+).+(:[^]+)/, L + "box-$1$2" + ae + "flex-$1$2") + e;
     case 5443:
-      return L + e + oe + "flex-item-" + D(e, /flex-|-self/, "") + e;
+      return L + e + ae + "flex-item-" + D(e, /flex-|-self/, "") + e;
     case 4675:
-      return L + e + oe + "flex-line-pack" + D(e, /align-content|flex-|-self/, "") + e;
+      return L + e + ae + "flex-line-pack" + D(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return L + e + oe + D(e, "shrink", "negative") + e;
+      return L + e + ae + D(e, "shrink", "negative") + e;
     case 5292:
-      return L + e + oe + D(e, "basis", "preferred-size") + e;
+      return L + e + ae + D(e, "basis", "preferred-size") + e;
     case 6060:
-      return L + "box-" + D(e, "-grow", "") + L + e + oe + D(e, "grow", "positive") + e;
+      return L + "box-" + D(e, "-grow", "") + L + e + ae + D(e, "grow", "positive") + e;
     case 4554:
       return L + D(e, /([^-])(transform)/g, "$1" + L + "$2") + e;
     case 6187:
@@ -1109,7 +1109,7 @@ function kt(e, r) {
     case 3959:
       return D(e, /(image-set\([^]*)/, L + "$1$`$1");
     case 4968:
-      return D(D(e, /(.+:)(flex-)?(.*)/, L + "box-pack:$3" + oe + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + L + e + e;
+      return D(D(e, /(.+:)(flex-)?(.*)/, L + "box-pack:$3" + ae + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + L + e + e;
     case 4095:
     case 3583:
     case 4068:
@@ -1127,42 +1127,42 @@ function kt(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (Te(e) - 1 - r > 6)
-        switch (re(e, r + 1)) {
+      if (Pe(e) - 1 - r > 6)
+        switch (te(e, r + 1)) {
           case 109:
-            if (re(e, r + 4) !== 45)
+            if (te(e, r + 4) !== 45)
               break;
           case 102:
-            return D(e, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + wr + (re(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return D(e, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + wr + (te(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
             return ~Lr(e, "stretch") ? kt(D(e, "stretch", "fill-available"), r) + e : e;
         }
       break;
     case 4949:
-      if (re(e, r + 1) !== 115)
+      if (te(e, r + 1) !== 115)
         break;
     case 6444:
-      switch (re(e, Te(e) - 3 - (~Lr(e, "!important") && 10))) {
+      switch (te(e, Pe(e) - 3 - (~Lr(e, "!important") && 10))) {
         case 107:
           return D(e, ":", ":" + L) + e;
         case 101:
-          return D(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + L + (re(e, 14) === 45 ? "inline-" : "") + "box$3$1" + L + "$2$3$1" + oe + "$2box$3") + e;
+          return D(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + L + (te(e, 14) === 45 ? "inline-" : "") + "box$3$1" + L + "$2$3$1" + ae + "$2box$3") + e;
       }
       break;
     case 5936:
-      switch (re(e, r + 11)) {
+      switch (te(e, r + 11)) {
         case 114:
-          return L + e + oe + D(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return L + e + ae + D(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return L + e + oe + D(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return L + e + ae + D(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return L + e + oe + D(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return L + e + ae + D(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return L + e + oe + e + e;
+      return L + e + ae + e + e;
   }
   return e;
 }
-var Pn = function(r, t, a, i) {
+var On = function(r, t, a, i) {
   if (r.length > -1 && !r.return)
     switch (r.type) {
       case Yr:
@@ -1187,13 +1187,13 @@ var Pn = function(r, t, a, i) {
                 }), lr(r, {
                   props: [D(o, /:(plac\w+)/, ":" + wr + "$1")]
                 }), lr(r, {
-                  props: [D(o, /:(plac\w+)/, oe + "input-$1")]
+                  props: [D(o, /:(plac\w+)/, ae + "input-$1")]
                 })], i);
             }
             return "";
           });
     }
-}, On = [Pn], An = function(r) {
+}, Pn = [On], An = function(r) {
   var t = r.key;
   if (process.env.NODE_ENV !== "production" && !t)
     throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
@@ -1205,7 +1205,7 @@ 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 i = r.stylisPlugins || On;
+  var i = r.stylisPlugins || Pn;
   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 o = {}, l, u = [];
@@ -1220,9 +1220,9 @@ If multiple caches share the same key they might "fight" for each other's style
     }
   );
   var d, v = [kn, Sn];
-  process.env.NODE_ENV !== "production" && v.push(Rn({
+  process.env.NODE_ENV !== "production" && v.push(Cn({
     get compat() {
-      return N.compat;
+      return y.compat;
     }
   }), Tn);
   {
@@ -1230,18 +1230,18 @@ 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 !== Br && m.insert(b.value + "{}"));
     } : bn(function(b) {
       m.insert(b);
-    })], y = vn(v.concat(i, h)), k = function(x) {
-      return rr(gn(x), y);
+    })], N = vn(v.concat(i, h)), S = function(x) {
+      return rr(gn(x), N);
     };
-    d = function(x, _, S, P) {
-      m = S, process.env.NODE_ENV !== "production" && _.map !== void 0 && (m = {
+    d = function(x, _, k, O) {
+      m = k, process.env.NODE_ENV !== "production" && _.map !== void 0 && (m = {
         insert: function(f) {
-          S.insert(f + _.map);
+          k.insert(f + _.map);
         }
-      }), k(x ? x + "{" + _.styles + "}" : _.styles), P && (N.inserted[_.name] = !0);
+      }), S(x ? x + "{" + _.styles + "}" : _.styles), O && (y.inserted[_.name] = !0);
     };
   }
-  var N = {
+  var y = {
     key: t,
     sheet: new Qt({
       key: t,
@@ -1256,8 +1256,8 @@ If multiple caches share the same key they might "fight" for each other's style
     registered: {},
     insert: d
   };
-  return N.sheet.hydrate(u), N;
-}, Mr = { exports: {} }, M = {};
+  return y.sheet.hydrate(u), y;
+}, Mr = { exports: {} }, F = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -1269,13 +1269,13 @@ If multiple caches share the same key they might "fight" for each other's style
 var ot;
 function In() {
   if (ot)
-    return M;
+    return F;
   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) {
+  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, N = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, y = 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, k = e ? Symbol.for("react.scope") : 60119;
+  function O(f) {
     if (typeof f == "object" && f !== null) {
-      var z = f.$$typeof;
-      switch (z) {
+      var M = f.$$typeof;
+      switch (M) {
         case r:
           switch (f = f.type, f) {
             case d:
@@ -1289,51 +1289,51 @@ function In() {
               switch (f = f && f.$$typeof, f) {
                 case u:
                 case m:
-                case N:
-                case k:
+                case y:
+                case S:
                 case l:
                   return f;
                 default:
-                  return z;
+                  return M;
               }
           }
         case t:
-          return z;
+          return M;
       }
     }
   }
   function I(f) {
-    return P(f) === v;
+    return O(f) === v;
   }
-  return M.AsyncMode = d, M.ConcurrentMode = v, M.ContextConsumer = u, M.ContextProvider = l, M.Element = r, M.ForwardRef = m, M.Fragment = a, M.Lazy = N, M.Memo = k, M.Portal = t, M.Profiler = o, M.StrictMode = i, M.Suspense = h, M.isAsyncMode = function(f) {
-    return I(f) || P(f) === d;
-  }, M.isConcurrentMode = I, M.isContextConsumer = function(f) {
-    return P(f) === u;
-  }, M.isContextProvider = function(f) {
-    return P(f) === l;
-  }, M.isElement = function(f) {
+  return F.AsyncMode = d, F.ConcurrentMode = v, F.ContextConsumer = u, F.ContextProvider = l, F.Element = r, F.ForwardRef = m, F.Fragment = a, F.Lazy = y, F.Memo = S, F.Portal = t, F.Profiler = o, F.StrictMode = i, F.Suspense = h, F.isAsyncMode = function(f) {
+    return I(f) || O(f) === d;
+  }, F.isConcurrentMode = I, F.isContextConsumer = function(f) {
+    return O(f) === u;
+  }, F.isContextProvider = function(f) {
+    return O(f) === l;
+  }, F.isElement = function(f) {
     return typeof f == "object" && f !== null && f.$$typeof === r;
-  }, M.isForwardRef = function(f) {
-    return P(f) === m;
-  }, M.isFragment = function(f) {
-    return P(f) === a;
-  }, M.isLazy = function(f) {
-    return P(f) === N;
-  }, M.isMemo = function(f) {
-    return P(f) === k;
-  }, M.isPortal = function(f) {
-    return P(f) === t;
-  }, M.isProfiler = function(f) {
-    return P(f) === o;
-  }, M.isStrictMode = function(f) {
-    return P(f) === i;
-  }, M.isSuspense = function(f) {
-    return P(f) === h;
-  }, M.isValidElementType = function(f) {
-    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);
-  }, M.typeOf = P, M;
+  }, F.isForwardRef = function(f) {
+    return O(f) === m;
+  }, F.isFragment = function(f) {
+    return O(f) === a;
+  }, F.isLazy = function(f) {
+    return O(f) === y;
+  }, F.isMemo = function(f) {
+    return O(f) === S;
+  }, F.isPortal = function(f) {
+    return O(f) === t;
+  }, F.isProfiler = function(f) {
+    return O(f) === o;
+  }, F.isStrictMode = function(f) {
+    return O(f) === i;
+  }, F.isSuspense = function(f) {
+    return O(f) === h;
+  }, F.isValidElementType = function(f) {
+    return typeof f == "string" || typeof f == "function" || f === a || f === v || f === o || f === i || f === h || f === N || typeof f == "object" && f !== null && (f.$$typeof === y || f.$$typeof === S || f.$$typeof === l || f.$$typeof === u || f.$$typeof === m || f.$$typeof === x || f.$$typeof === _ || f.$$typeof === k || f.$$typeof === b);
+  }, F.typeOf = O, F;
 }
-var F = {};
+var j = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -1345,10 +1345,10 @@ var F = {};
 var it;
 function $n() {
   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) {
+    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, N = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, y = 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, k = e ? Symbol.for("react.scope") : 60119;
+    function O(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 === 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);
+      s === a || s === v || s === o || s === i || s === h || s === N || typeof s == "object" && s !== null && (s.$$typeof === y || s.$$typeof === S || s.$$typeof === l || s.$$typeof === u || s.$$typeof === m || s.$$typeof === x || s.$$typeof === _ || s.$$typeof === k || s.$$typeof === b);
     }
     function I(s) {
       if (typeof s == "object" && s !== null) {
@@ -1365,14 +1365,14 @@ function $n() {
               case h:
                 return W;
               default:
-                var de = W && W.$$typeof;
-                switch (de) {
+                var me = W && W.$$typeof;
+                switch (me) {
                   case u:
                   case m:
-                  case N:
-                  case k:
+                  case y:
+                  case S:
                   case l:
-                    return de;
+                    return me;
                   default:
                     return E;
                 }
@@ -1382,48 +1382,48 @@ function $n() {
         }
       }
     }
-    var f = d, z = v, C = u, Oe = l, Ee = r, Ae = m, Ie = a, ue = N, H = k, J = t, fe = o, X = i, we = h, te = !1;
-    function ne(s) {
-      return te || (te = !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;
+    var f = d, M = v, R = u, _e = l, ye = r, Ie = m, $e = a, Ce = y, q = S, K = t, oe = o, ie = i, re = h, Ee = !1;
+    function Q(s) {
+      return Ee || (Ee = !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.")), we(s) || I(s) === d;
     }
-    function ee(s) {
+    function we(s) {
       return I(s) === v;
     }
-    function Ne(s) {
+    function ee(s) {
       return I(s) === u;
     }
-    function ke(s) {
+    function Ne(s) {
       return I(s) === l;
     }
-    function Ce(s) {
+    function Re(s) {
       return typeof s == "object" && s !== null && s.$$typeof === r;
     }
-    function $e(s) {
+    function Le(s) {
       return I(s) === m;
     }
-    function _e(s) {
+    function Te(s) {
       return I(s) === a;
     }
-    function ve(s) {
-      return I(s) === N;
+    function fe(s) {
+      return I(s) === y;
     }
-    function Se(s) {
-      return I(s) === k;
+    function ke(s) {
+      return I(s) === S;
     }
-    function j(s) {
+    function se(s) {
       return I(s) === t;
     }
-    function ie(s) {
+    function z(s) {
       return I(s) === o;
     }
-    function be(s) {
+    function de(s) {
       return I(s) === i;
     }
-    function Fe(s) {
+    function Oe(s) {
       return I(s) === h;
     }
-    F.AsyncMode = f, F.ConcurrentMode = z, F.ContextConsumer = C, F.ContextProvider = Oe, F.Element = Ee, F.ForwardRef = Ae, F.Fragment = Ie, F.Lazy = ue, F.Memo = H, F.Portal = J, F.Profiler = fe, F.StrictMode = X, F.Suspense = we, F.isAsyncMode = ne, 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 = Fe, F.isValidElementType = P, F.typeOf = I;
-  }()), F;
+    j.AsyncMode = f, j.ConcurrentMode = M, j.ContextConsumer = R, j.ContextProvider = _e, j.Element = ye, j.ForwardRef = Ie, j.Fragment = $e, j.Lazy = Ce, j.Memo = q, j.Portal = K, j.Profiler = oe, j.StrictMode = ie, j.Suspense = re, j.isAsyncMode = Q, j.isConcurrentMode = we, j.isContextConsumer = ee, j.isContextProvider = Ne, j.isElement = Re, j.isForwardRef = Le, j.isFragment = Te, j.isLazy = fe, j.isMemo = ke, j.isPortal = se, j.isProfiler = z, j.isStrictMode = de, j.isSuspense = Oe, j.isValidElementType = O, j.typeOf = I;
+  }()), j;
 }
 process.env.NODE_ENV === "production" ? Mr.exports = In() : Mr.exports = $n();
 var Ln = Mr.exports, St = Ln, Dn = {
@@ -1541,7 +1541,7 @@ var zn = {
 }, 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`, Yn = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Un = /[A-Z]|^ms/g, Rt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Wr = function(r) {
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Yn = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", Un = /[A-Z]|^ms/g, Ct = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Wr = function(r) {
   return r.charCodeAt(1) === 45;
 }, ct = function(r) {
   return r != null && typeof r != "boolean";
@@ -1552,11 +1552,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(Rt, function(a, i, o) {
-          return Re = {
+        return t.replace(Ct, function(a, i, o) {
+          return xe = {
             name: i,
             styles: o,
-            next: Re
+            next: xe
           }, i;
         });
   }
@@ -1573,13 +1573,13 @@ if (process.env.NODE_ENV !== "production") {
     }) + "?")), a;
   };
 }
-var Ct = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+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 dr(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(Ct);
+      throw new Error(Rt);
     return t;
   }
   switch (typeof t) {
@@ -1587,19 +1587,19 @@ function dr(e, r, t) {
       return "";
     case "object": {
       if (t.anim === 1)
-        return Re = {
+        return xe = {
           name: t.name,
           styles: t.styles,
-          next: Re
+          next: xe
         }, t.name;
       if (t.styles !== void 0) {
         var a = t.next;
         if (a !== void 0)
           for (; a !== void 0; )
-            Re = {
+            xe = {
               name: a.name,
               styles: a.styles,
-              next: Re
+              next: xe
             }, a = a.next;
         var i = t.styles + ";";
         return process.env.NODE_ENV !== "production" && t.map !== void 0 && (i += t.map), i;
@@ -1608,17 +1608,17 @@ function dr(e, r, t) {
     }
     case "function": {
       if (e !== void 0) {
-        var o = Re, l = t(e);
-        return Re = o, dr(e, r, l);
+        var o = xe, l = t(e);
+        return xe = o, dr(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(Rt, function(m, h, y) {
-          var k = "animation" + u.length;
-          return u.push("const " + k + " = keyframes`" + y.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + k + "}";
+        var u = [], d = t.replace(Ct, function(m, h, N) {
+          var S = "animation" + u.length;
+          return u.push("const " + S + " = keyframes`" + N.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + S + "}";
         });
         u.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(u, ["`" + d + "`"]).join(`
 `) + `
@@ -1646,7 +1646,7 @@ function Jn(e, r, t) {
         r != null && r[l] !== void 0 ? a += o + "{" + r[l] + "}" : ct(l) && (a += Ar(o) + ":" + Nr(o, l) + ";");
       else {
         if (o === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
-          throw new Error(Ct);
+          throw new Error(Rt);
         if (Array.isArray(l) && typeof l[0] == "string" && (r == null || r[l[0]] === void 0))
           for (var u = 0; u < l.length; u++)
             ct(l[u]) && (a += Ar(o) + ":" + Nr(o, l[u]) + ";");
@@ -1668,18 +1668,18 @@ function Jn(e, r, t) {
 }
 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) {
+var xe, 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 i = !0, o = "";
-  Re = void 0;
+  xe = void 0;
   var l = r[0];
   l == null || l.raw === void 0 ? (i = !1, o += dr(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++)
     o += dr(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" && (o = o.replace(Tt, function(y) {
-    return d = y, "";
+  process.env.NODE_ENV !== "production" && (o = o.replace(Tt, function(N) {
+    return d = N, "";
   })), ut.lastIndex = 0;
   for (var v = "", m; (m = ut.exec(o)) !== null; )
     v += "-" + // $FlowFixMe we know it's not null
@@ -1689,18 +1689,18 @@ var Re, ft = function(r, t, a) {
     name: h,
     styles: o,
     map: d,
-    next: Re,
+    next: xe,
     toString: function() {
       return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
     }
   } : {
     name: h,
     styles: o,
-    next: Re
+    next: xe
   };
 }, Xn = function(r) {
   return r();
-}, Zn = Me["useInsertionEffect"] ? Me["useInsertionEffect"] : !1, Qn = Zn || Xn, Rr = {}.hasOwnProperty, qr = /* @__PURE__ */ Me.createContext(
+}, Zn = Fe["useInsertionEffect"] ? Fe["useInsertionEffect"] : !1, Qn = Zn || Xn, Cr = {}.hasOwnProperty, qr = /* @__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
@@ -1718,8 +1718,8 @@ var ea = function(r) {
     var i = Vt(qr);
     return r(t, i, a);
   });
-}, Pt = /* @__PURE__ */ Me.createContext({});
-process.env.NODE_ENV !== "production" && (Pt.displayName = "EmotionThemeContext");
+}, Ot = /* @__PURE__ */ Fe.createContext({});
+process.env.NODE_ENV !== "production" && (Ot.displayName = "EmotionThemeContext");
 var dt = function(r) {
   var t = r.split(".");
   return t[t.length - 1];
@@ -1741,13 +1741,13 @@ var dt = function(r) {
           return na(i);
       }
     }
-}, Fr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", jr = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", Ot = function(r, t) {
+}, Fr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", jr = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", Pt = 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 i in t)
-    Rr.call(t, i) && (a[i] = t[i]);
+    Cr.call(t, i) && (a[i] = t[i]);
   if (a[Fr] = r, process.env.NODE_ENV !== "production" && t.css && (typeof t.css != "object" || typeof t.css.name != "string" || t.css.name.indexOf("-") === -1)) {
     var o = aa(new Error().stack);
     o && (a[jr] = o);
@@ -1763,7 +1763,7 @@ var dt = function(r) {
   typeof a == "string" && r.registered[a] !== void 0 && (a = r.registered[a]);
   var i = e[Fr], 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, Me.useContext(Pt));
+  var u = ft(o, void 0, Fe.useContext(Ot));
   if (process.env.NODE_ENV !== "production" && u.name.indexOf("-") === -1) {
     var d = e[jr];
     d && (u = ft([u, "label:" + d + ";"]));
@@ -1771,20 +1771,20 @@ var dt = function(r) {
   l += r.key + "-" + u.name;
   var v = {};
   for (var m in e)
-    Rr.call(e, m) && m !== "css" && m !== Fr && (process.env.NODE_ENV === "production" || m !== jr) && (v[m] = e[m]);
-  return v.ref = t, v.className = l, /* @__PURE__ */ Me.createElement(Me.Fragment, null, /* @__PURE__ */ Me.createElement(oa, {
+    Cr.call(e, m) && m !== "css" && m !== Fr && (process.env.NODE_ENV === "production" || m !== jr) && (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 i == "string"
-  }), /* @__PURE__ */ Me.createElement(i, v));
+  }), /* @__PURE__ */ Fe.createElement(i, v));
 });
 process.env.NODE_ENV !== "production" && (At.displayName = "EmotionCssPropInternal");
 var It = At, Qe = Jt;
 function p(e, r, t) {
-  return Rr.call(r, "css") ? Qr(It, Ot(e, r), t) : Qr(e, r, t);
+  return Cr.call(r, "css") ? Qr(It, Pt(e, r), t) : Qr(e, r, t);
 }
-function ge(e, r, t) {
-  return Rr.call(r, "css") ? et(It, Ot(e, r), t) : et(e, r, t);
+function he(e, r, t) {
+  return Cr.call(r, "css") ? et(It, Pt(e, r), t) : et(e, r, t);
 }
 function ia(e, r) {
   let t = null, a = null;
@@ -1805,13 +1805,13 @@ const sa = (e, r) => {
         return;
       }
       const h = (async () => r(...i))();
-      i = void 0, h.then(u).catch((N) => {
-        console.error(N), d(N);
+      i = void 0, h.then(u).catch((y) => {
+        console.error(y), d(y);
       });
-      let y, k;
-      a = new Promise((N, b) => {
-        y = N, k = b;
-      }), t = h.then(o(m, y, k)).catch((N) => (console.error(N), o(l, y, k)(N)));
+      let N, S;
+      a = new Promise((y, b) => {
+        N = y, S = b;
+      }), t = h.then(o(m, N, S)).catch((y) => (console.error(y), o(l, N, S)(y)));
     }, e - (m - l)), v;
   };
   return (...l) => {
@@ -1821,8 +1821,8 @@ const sa = (e, r) => {
       const u = performance.now(), d = (async () => r(...l))();
       i = void 0;
       let v, m;
-      return a = new Promise((h, y) => {
-        v = h, m = y;
+      return a = new Promise((h, N) => {
+        v = h, m = N;
       }), t = d.then(o(u, v, m)).catch((h) => (console.error(h), o(u, v, m)(h))), d;
     }
   };
@@ -1836,12 +1836,12 @@ const sa = (e, r) => {
     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 };
-        return this.reader = void 0, this.leftOverData = void 0, k;
+        const S = { buffer: u.slice(0, d), currentSize: d, done: m };
+        return this.reader = void 0, this.leftOverData = void 0, S;
       }
       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 }) : i({ buffer: u, currentSize: h });
+      const N = v.slice(0, e - d);
+      return h = d + N.byteLength, u.set(N, 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();
   },
@@ -1917,7 +1917,7 @@ const sa = (e, r) => {
     grid-column: 1;
     grid-row: 1;
   }
-`, fa = ({ loading: e, needsInitialInteraction: r, togglePlay: t, setCanvasRef: a }) => /* @__PURE__ */ ge("div", { css: ua, onClick: t, children: [
+`, fa = ({ loading: e, needsInitialInteraction: r, togglePlay: t, setCanvasRef: a }) => /* @__PURE__ */ he("div", { css: ua, onClick: t, children: [
   /* @__PURE__ */ p("canvas", { ref: a }),
   r ? /* @__PURE__ */ p(
     "svg",
@@ -1983,14 +1983,14 @@ const sa = (e, r) => {
     const { clientX: d } = u, { left: v, right: m } = e.current.getBoundingClientRect();
     a(Math.min(Math.max((d - v) / (m - v), 0), 1));
   };
-  return he(() => {
+  return pe(() => {
     if (!i)
       return;
     const u = () => o(!1), d = (v) => {
       if (!e.current)
         return;
-      const { clientX: m } = v, { left: h, right: y } = e.current.getBoundingClientRect();
-      a(Math.min(Math.max((m - h) / (y - h), 0), 1));
+      const { clientX: m } = v, { left: h, right: N } = e.current.getBoundingClientRect();
+      a(Math.min(Math.max((m - h) / (N - h), 0), 1));
     };
     return document.addEventListener("mousemove", d), document.addEventListener("mouseup", u), () => {
       document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", u);
@@ -2005,9 +2005,9 @@ const sa = (e, r) => {
     const a = localStorage.getItem(e);
     return a ? JSON.parse(a) : {};
   });
-  return he(() => {
+  return pe(() => {
     localStorage.setItem(e, JSON.stringify(r));
-  }, [e, r]), (a, i) => (he(() => {
+  }, [e, r]), (a, i) => (pe(() => {
     t((o) => ({ ...o, [a]: i }));
   }, []), [
     r[a],
@@ -2285,36 +2285,36 @@ const sa = (e, r) => {
   setCurrentSubtitleTrack: v,
   loadedTime: m,
   isPlaying: h,
-  tracks: y,
-  isFullscreen: k,
-  toggleFullscreen: N,
+  tracks: N,
+  isFullscreen: S,
+  toggleFullscreen: y,
   subtitleTrack: b,
   pictureInPicture: x,
   errors: _,
-  customControls: S,
-  ...P
+  customControls: k,
+  ...O
 }) => {
-  const I = er(null), f = er(null), [z, C] = U(!1), { scrub: Oe, value: Ee } = mt({ ref: I }), Ae = Ir(() => document.pictureInPictureEnabled, []), [Ie, ue] = U(!1), H = ma("fkn-media-player"), [J, fe] = H("volume", 1), [X, we] = H("muted", !1), { scrub: te, value: ne } = mt({ ref: f, defaultValue: J });
-  he(() => {
-    Ie || (ue(!0), _e(void 0));
-  }, [Ie, _.length]), he(() => {
-    Ee !== void 0 && a(Ee * (e ?? 0));
-  }, [Ee]), he(() => {
-    if (X) {
-      i(0), we(X), ne && fe(ne);
+  const I = er(null), f = er(null), [M, R] = U(!1), { scrub: _e, value: ye } = mt({ ref: I }), Ie = Ir(() => document.pictureInPictureEnabled, []), [$e, Ce] = U(!1), q = ma("fkn-media-player"), [K, oe] = q("volume", 1), [ie, re] = q("muted", !1), { scrub: Ee, value: Q } = mt({ ref: f, defaultValue: K });
+  pe(() => {
+    $e || (Ce(!0), Te(void 0));
+  }, [$e, _.length]), pe(() => {
+    ye !== void 0 && a(ye * (e ?? 0));
+  }, [ye]), pe(() => {
+    if (ie) {
+      i(0), re(ie), Q && oe(Q);
       return;
     }
-    ne !== void 0 && (i(ne ** 2), fe(ne), we(X));
-  }, [ne, X]);
-  const ee = () => {
-    C(!1);
-  }, Ne = (s) => {
-    s.currentTarget !== s.relatedTarget && s.relatedTarget !== null || C(!0);
-  }, ke = () => {
-    we((s) => !s);
-  }, Ce = (s, E, W) => {
+    Q !== void 0 && (i(Q ** 2), oe(Q), re(ie));
+  }, [Q, ie]);
+  const we = () => {
+    R(!1);
+  }, ee = (s) => {
+    s.currentTarget !== s.relatedTarget && s.relatedTarget !== null || R(!0);
+  }, Ne = () => {
+    re((s) => !s);
+  }, Re = (s, E, W) => {
     v(E === void 0 ? E : W);
-  }, $e = (s) => {
+  }, Le = (s) => {
     if (!o && s.relatedTarget === null) {
       l((W) => !W);
       return;
@@ -2326,7 +2326,7 @@ const sa = (e, r) => {
     setTimeout(() => {
       document.addEventListener("click", E);
     }, 0);
-  }, _e = (s) => {
+  }, Te = (s) => {
     if (!u && s?.relatedTarget === null) {
       d((W) => !W);
       return;
@@ -2338,17 +2338,17 @@ const sa = (e, r) => {
     setTimeout(() => {
       document.addEventListener("click", E);
     }, 0);
-  }, ve = ({ subtitleTrack: s }) => {
+  }, fe = ({ subtitleTrack: s }) => {
     if (!s)
       return /* @__PURE__ */ p(Qe, { children: "Disabled" });
     if (!s.title && !s.language)
       return /* @__PURE__ */ p(Qe, { children: "Default" });
     const E = s.language === "jpn" ? "ja" : gt(s.language) ? gt(s.language) : s.language;
-    return s.title ? /* @__PURE__ */ ge(Qe, { children: [
+    return s.title ? /* @__PURE__ */ he(Qe, { children: [
       s.title?.replace("subs", ""),
       E ? `(${E})` : ""
     ] }) : /* @__PURE__ */ p(Qe, { children: E });
-  }, Se = Ir(
+  }, ke = Ir(
     () => [
       ...new Set(
         _.map(
@@ -2358,32 +2358,32 @@ const sa = (e, r) => {
     ].filter(Boolean).map((s) => /* @__PURE__ */ p("div", { className: "error-menu-message", children: s }, s)),
     [_]
   );
-  he(() => {
+  pe(() => {
     Ze.rebuild();
-  }, [y.length]), he(() => {
+  }, [N.length]), pe(() => {
     const s = (E) => {
-      E.key === "f" && N(), E.key === "k" && t(), E.key === "m" && ke();
+      E.key === "f" && y(), E.key === "k" && t(), E.key === "m" && Ne();
     };
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
-  }, [N, t, ke]);
-  const [j, ie] = U(void 0);
-  return /* @__PURE__ */ ge("div", { css: ga, onMouseOut: Ne, ...P, children: [
+  }, [y, t, Ne]);
+  const [se, z] = U(void 0);
+  return /* @__PURE__ */ he("div", { css: ga, onMouseOut: ee, ...O, children: [
     /* @__PURE__ */ p("div", { className: "preview" }),
-    /* @__PURE__ */ ge(
+    /* @__PURE__ */ he(
       "div",
       {
         ref: I,
         className: "progress-bar",
         onMouseMove: (s) => {
           const W = s.nativeEvent.offsetX / s.currentTarget.offsetWidth * (e ?? 0);
-          ie(W);
+          z(W);
         },
         onMouseOut: () => {
-          I.current && ie(void 0);
+          I.current && z(void 0);
         },
         children: [
           /* @__PURE__ */ p("div", { className: "background-bar" }),
-          j ? /* @__PURE__ */ p("div", { className: "cursor-time", "data-tip": j, style: { left: `${1 / ((e ?? 0) / (j ?? 1)) * 100}%` }, children: new Date((j ?? 0) * 1e3).toISOString().substr(
+          se ? /* @__PURE__ */ p("div", { className: "cursor-time", "data-tip": se, style: { left: `${1 / ((e ?? 0) / (se ?? 1)) * 100}%` }, children: new Date((se ?? 0) * 1e3).toISOString().substr(
             (e ?? 0) >= 3600 ? 11 : 14,
             (e ?? 0) >= 3600 ? 8 : 5
           ) }) : void 0,
@@ -2395,48 +2395,48 @@ const sa = (e, r) => {
           } }),
           /* @__PURE__ */ p("div", { className: "chapters" }),
           /* @__PURE__ */ p("div", { className: "scrubber" }),
-          /* @__PURE__ */ p("div", { className: "padding", onMouseDown: Oe })
+          /* @__PURE__ */ p("div", { className: "padding", onMouseDown: _e })
         ]
       }
     ),
-    /* @__PURE__ */ ge("div", { className: "controls", children: [
+    /* @__PURE__ */ he("div", { className: "controls", children: [
       /* @__PURE__ */ p(Ze, { 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("button", { className: "play-button", type: "button", "data-tip": !0, "data-for": "play-button-tooltip", onClick: t, children: h ? /* @__PURE__ */ he("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "feather feather-pause", children: [
         /* @__PURE__ */ 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: ee, children: [
-        /* @__PURE__ */ p(Ze, { 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(Yt, {}) : (J ?? 0) > 0.33 ? /* @__PURE__ */ p(Ut, {}) : (J ?? 0) > 0 ? /* @__PURE__ */ p(Wt, {}) : /* @__PURE__ */ p(Jr, {}) }),
-        /* @__PURE__ */ p("div", { ref: f, className: `volume-panel${z ? "" : " volume-control-hover"}`, onMouseDown: te, children: /* @__PURE__ */ p("div", { className: "slider", children: /* @__PURE__ */ p("div", { className: "slider-handle", style: { left: `${(J ?? 0) * 100}%` } }) }) })
+      /* @__PURE__ */ he("div", { className: "volume-area", onMouseOver: we, children: [
+        /* @__PURE__ */ p(Ze, { id: "mute-button-tooltip", effect: "solid", place: "top", children: ie ? "Unmute (m)" : "Mute (m)" }),
+        /* @__PURE__ */ p("button", { className: "mute-button", "data-tip": !0, "data-for": "mute-button-tooltip", onClick: Ne, children: ie ? /* @__PURE__ */ p(Jr, {}) : (K ?? 0) > 0.66 ? /* @__PURE__ */ p(Yt, {}) : (K ?? 0) > 0.33 ? /* @__PURE__ */ p(Ut, {}) : (K ?? 0) > 0 ? /* @__PURE__ */ p(Wt, {}) : /* @__PURE__ */ p(Jr, {}) }),
+        /* @__PURE__ */ p("div", { ref: f, className: `volume-panel${M ? "" : " volume-control-hover"}`, onMouseDown: Ee, children: /* @__PURE__ */ p("div", { className: "slider", children: /* @__PURE__ */ p("div", { className: "slider-handle", style: { left: `${(K ?? 0) * 100}%` } }) }) })
       ] }),
-      /* @__PURE__ */ ge("div", { className: "time", children: [
+      /* @__PURE__ */ he("div", { className: "time", children: [
         /* @__PURE__ */ p("span", { children: new Date((r ?? 0) * 1e3).toISOString().substr(11, 8) }),
         /* @__PURE__ */ p("span", { children: " / " }),
         /* @__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, E) => /* @__PURE__ */ p(s, {}, E)) : null }),
-      /* @__PURE__ */ p("div", { className: "error-area", children: Se.length ? /* @__PURE__ */ ge(Qe, { 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("div", { className: "custom-controls", children: k?.length ? k.map((s, E) => /* @__PURE__ */ p(s, {}, E)) : null }),
+      /* @__PURE__ */ p("div", { className: "error-area", children: ke.length ? /* @__PURE__ */ he(Qe, { children: [
+        /* @__PURE__ */ p("div", { className: `error-menu ${u ? "hide" : ""}`, children: u ? null : ke }),
+        /* @__PURE__ */ he("div", { className: "error-menu-button", onClick: Te, children: [
           /* @__PURE__ */ p(qt, {}),
           "Error"
         ] })
       ] }) : null }),
       /* @__PURE__ */ p(Ze, { 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(Qe, { children: [
-        /* @__PURE__ */ p("div", { className: `subtitle-menu ${o ? "hide" : ""}`, children: o ? null : [...y, void 0].map(
-          (s, E) => /* @__PURE__ */ p("button", { onClick: (W) => Ce(W, s, E), children: /* @__PURE__ */ p(ve, { subtitleTrack: s }) }, s ? E : "disabled")
+      /* @__PURE__ */ p("div", { className: "subtitle-area", children: N.length ? /* @__PURE__ */ he(Qe, { children: [
+        /* @__PURE__ */ p("div", { className: `subtitle-menu ${o ? "hide" : ""}`, children: o ? null : [...N, void 0].map(
+          (s, E) => /* @__PURE__ */ p("button", { onClick: (W) => Re(W, s, E), children: /* @__PURE__ */ p(fe, { subtitleTrack: s }) }, s ? E : "disabled")
         ) }),
-        /* @__PURE__ */ p("button", { className: "subtitle-menu-button", "data-tip": !0, "data-for": "subtitle-button-tooltip", onClick: $e, children: /* @__PURE__ */ p(ve, { subtitleTrack: b }) })
+        /* @__PURE__ */ p("button", { className: "subtitle-menu-button", "data-tip": !0, "data-for": "subtitle-button-tooltip", onClick: Le, children: /* @__PURE__ */ p(fe, { subtitleTrack: b }) })
       ] }) : null }),
       /* @__PURE__ */ p(Ze, { 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: [
+      Ie ? /* @__PURE__ */ p("button", { className: "picture-in-picture", "data-tip": !0, "data-for": "pip-button-tooltip", onClick: x, children: /* @__PURE__ */ he("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
         /* @__PURE__ */ 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(Ze, { 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" }) }) })
+      /* @__PURE__ */ p(Ze, { id: "fullscreen-button-tooltip", effect: "solid", place: "top", children: S ? "Exit full screen (f)" : "Full screen (f)" }),
+      /* @__PURE__ */ p("button", { className: "fullscreen", "data-tip": !0, "data-for": "fullscreen-button-tooltip", onClick: y, children: S ? /* @__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 = kr`
@@ -2460,110 +2460,111 @@ overflow: hidden;
 }
 `, va = ({
   customOverlay: e,
-  isPlaying: r,
-  loading: t,
-  duration: a,
-  loadedTime: i,
-  currentTime: o,
-  pictureInPicture: l,
-  fullscreen: u,
-  play: d,
-  seek: v,
-  getVolume: m,
-  setVolume: h,
-  attachments: y,
-  tracks: k,
-  video: N,
-  errors: b,
-  customControls: x,
-  libassWorkerUrl: _,
-  wasmUrl: S,
-  needsInitialInteraction: P,
-  ...I
+  publicPath: r,
+  isPlaying: t,
+  loading: a,
+  duration: i,
+  loadedTime: o,
+  currentTime: l,
+  pictureInPicture: u,
+  fullscreen: d,
+  play: v,
+  seek: m,
+  getVolume: h,
+  setVolume: N,
+  attachments: S,
+  tracks: y,
+  video: b,
+  errors: x,
+  customControls: _,
+  libassWorkerUrl: k,
+  wasmUrl: O,
+  needsInitialInteraction: I,
+  ...f
 }) => {
-  const [f, z] = U(), [C, Oe] = U(!1), [Ee, Ae] = U(!1), [Ie, ue] = U(!1), H = er(), [J, fe] = U(!0), [X, we] = U(), [te, ne] = U(), ee = Ir(
-    () => te !== void 0 ? k[te] : void 0,
-    [te, te !== void 0 && k[te]?.data]
-  ), [Ne, ke] = U(!0), Ce = (j) => {
-    ue(!1), H.current && clearInterval(H.current);
-    const ie = setTimeout(() => {
-      ue(!0);
+  const [M, R] = U(), [_e, ye] = U(!1), [Ie, $e] = U(!1), [Ce, q] = U(!1), K = er(), [oe, ie] = U(!0), [re, Ee] = U(), [Q, we] = U(), ee = Ir(
+    () => Q !== void 0 ? y[Q] : void 0,
+    [Q, Q !== void 0 && y[Q]?.data]
+  ), [Ne, Re] = U(!0), Le = (z) => {
+    q(!1), K.current && clearInterval(K.current);
+    const de = setTimeout(() => {
+      q(!0);
     }, 3e3);
-    H.current = ie;
+    K.current = de;
   };
-  he(() => {
+  pe(() => {
     setTimeout(() => {
-      ue(!0);
+      q(!0);
     }, 3e3);
   }, []);
-  const $e = (j) => {
-    if (!f?.parentElement?.parentElement?.contains(j?.relatedTarget)) {
-      ue(!0);
+  const Te = (z) => {
+    if (!M?.parentElement?.parentElement?.contains(z?.relatedTarget)) {
+      q(!0);
       return;
     }
-    j.currentTarget.parentElement !== j.relatedTarget && j.relatedTarget !== null || ue(!0);
-  }, _e = () => {
-    J && d();
-  }, ve = () => {
-    !f || !X || (Ae((j) => !j), u());
+    z.currentTarget.parentElement !== z.relatedTarget && z.relatedTarget !== null || q(!0);
+  }, fe = () => {
+    oe && v();
+  }, ke = () => {
+    !M || !re || ($e((z) => !z), d());
   };
-  he(() => {
-    if (!N.current || !f || X || !ee?.data || !y)
+  pe(() => {
+    if (!b.current || !M || re || !ee?.data || !S)
       return;
-    const j = y.map(({ filename: be, data: Fe }) => [
-      be.toLowerCase().replaceAll("-", " ").split(".").at(0),
-      Fe
-    ]), ie = new zt({
-      video: N.current,
-      canvas: f,
+    const z = S.map(({ filename: Oe, data: s }) => [
+      Oe.toLowerCase().replaceAll("-", " ").split(".").at(0),
+      s
+    ]), de = new zt({
+      video: b.current,
+      canvas: M,
       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: _,
+      fonts: z.filter(Boolean).map(([, Oe]) => Oe),
+      availableFonts: { ...Object.fromEntries(z), "liberation sans": `${r}default.woff2` },
+      workerUrl: k,
       // Link to WebAssembly-based file "libassjs-worker.js",
-      modernWasmUrl: S
+      modernWasmUrl: O
     });
-    we(ie);
-  }, [f, y, ee?.data]), he(() => {
-    k.length && ne(0);
-  }, [k.length]), he(() => {
-    if (!X)
+    Ee(de);
+  }, [M, S, ee?.data]), pe(() => {
+    y.length && we(0);
+  }, [y.length]), pe(() => {
+    if (!re)
       return;
     if (!ee) {
-      X.freeTrack();
+      re.freeTrack();
       return;
     }
-    X.setTrack(ee.data), !(!f?.parentElement || C) && Oe(!0);
-  }, [X, ee, C]);
-  const Se = (j) => {
-    j && z(j);
+    re.setTrack(ee.data), !(!M?.parentElement || _e) && ye(!0);
+  }, [re, ee, _e]);
+  const se = (z) => {
+    z && R(z);
   };
-  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 }),
+  return /* @__PURE__ */ he("div", { ...f, css: pa, onMouseMove: Le, onMouseOut: Te, className: `chrome ${f.className ?? ""} ${Ce ? "hide" : ""}`, children: [
+    /* @__PURE__ */ p(fa, { needsInitialInteraction: I, loading: a, togglePlay: fe, setCanvasRef: se }),
     e,
     /* @__PURE__ */ p(
       ha,
       {
-        className: `bottom ${P ? "hide" : ""}`,
-        toggleFullscreen: ve,
-        togglePlay: _e,
-        isFullscreen: Ee,
-        pictureInPicture: l,
-        seek: v,
-        setCurrentSubtitleTrack: ne,
-        isSubtitleMenuHidden: J,
-        setIsSubtitleMenuHidden: fe,
+        className: `bottom ${I ? "hide" : ""}`,
+        toggleFullscreen: ke,
+        togglePlay: fe,
+        isFullscreen: Ie,
+        pictureInPicture: u,
+        seek: m,
+        setCurrentSubtitleTrack: we,
+        isSubtitleMenuHidden: oe,
+        setIsSubtitleMenuHidden: ie,
         isErrorMenuHidden: Ne,
-        setIsErrorMenuHidden: ke,
-        setVolume: h,
+        setIsErrorMenuHidden: Re,
+        setVolume: N,
         subtitleTrack: ee,
-        tracks: k,
-        currentTime: o,
-        duration: a,
-        isPlaying: r,
-        loadedTime: i,
-        errors: b,
-        customControls: x
+        tracks: y,
+        currentTime: l,
+        duration: i,
+        isPlaying: t,
+        loadedTime: o,
+        errors: x,
+        customControls: _
       }
     )
   ] });
@@ -2587,7 +2588,7 @@ overflow: hidden;
     grid-column: 1;
     grid-row: 1;
   }
-`, Ra = pt(({
+`, Ca = pt(({
   customOverlay: e,
   baseBufferSize: r = ba,
   size: t,
@@ -2600,10 +2601,10 @@ overflow: hidden;
   libassWorkerUrl: v,
   makeTransmuxer: m = Bt
 }, h) => {
-  const [y, k] = U(!0), N = er(null), b = er(), [x, _] = U(), [S, P] = U(!(b?.current?.paused ?? !0)), [I, f] = U(0), [z, C] = U(void 0), [Oe, Ee] = U([]), [Ae, Ie] = U([]), [ue, H] = U(), [J, fe] = U([0, 0]), [X, we] = U(!1), te = er(a);
-  he(() => {
-    te.current = a;
-  }, [a]), he(() => {
+  const [N, S] = U(!0), y = er(null), b = er(), [x, _] = U(), [k, O] = U(!(b?.current?.paused ?? !0)), [I, f] = U(0), [M, R] = U(void 0), [_e, ye] = U([]), [Ie, $e] = U([]), [Ce, q] = U(), [K, oe] = U([0, 0]), [ie, re] = U(!1), Ee = er(a);
+  pe(() => {
+    Ee.current = a;
+  }, [a]), pe(() => {
     if (!t || !x)
       return;
     let E, W;
@@ -2614,172 +2615,172 @@ overflow: hidden;
         workerOptions: d,
         bufferSize: r,
         length: t,
-        getStream: (R, O) => te.current(R, O ? Math.min(R + O, t) - 1 : void 0).then(
-          (q) => O ? q.body : la(3)(
+        getStream: (C, P) => Ee.current(C, P ? Math.min(C + P, t) - 1 : void 0).then(
+          (G) => P ? G.body : la(3)(
             ca(r)(
-              q.body
+              G.body
             )
           )
         ),
-        subtitle: (R, O, q) => {
-          Ee(
-            (G) => G.find(({ title: ce }) => ce === R) ? G.map((ce) => ce.title === R ? { title: R, language: O, data: q } : ce) : [...G, { title: R, language: O, data: q }]
+        subtitle: (C, P, G) => {
+          ye(
+            (H) => H.find(({ title: le }) => le === C) ? H.map((le) => le.title === C ? { title: C, language: P, data: G } : le) : [...H, { title: C, language: P, data: G }]
           );
         },
-        attachment: (R, O, q) => {
-          z?.find(({ filename: G }) => R === G) || C((G) => [
-            ...G ?? [],
-            { filename: R, mimetype: O, data: new Uint8Array(q) }
+        attachment: (C, P, G) => {
+          M?.find(({ filename: H }) => C === H) || R((H) => [
+            ...H ?? [],
+            { filename: C, mimetype: P, data: new Uint8Array(G) }
           ]);
         }
       });
-      const de = await E, je = await de.init();
+      const me = await E, je = await me.init();
       if (!je)
         throw new Error("No header chunk found after remuxer init");
-      const Ye = await de.getInfo(), ar = Ye.input.duration / 1e6;
-      H(ar), x.addEventListener("error", (R) => {
-        console.error(R.target?.error);
+      const Ye = await me.getInfo(), ar = Ye.input.duration / 1e6;
+      q(ar), x.addEventListener("error", (C) => {
+        console.error(C.target?.error);
       });
-      const Le = new MediaSource();
-      x.src = URL.createObjectURL(Le);
-      const me = await new Promise(
-        (R) => Le.addEventListener(
+      const De = new MediaSource();
+      x.src = URL.createObjectURL(De);
+      const ge = await new Promise(
+        (C) => De.addEventListener(
           "sourceopen",
           () => {
-            const O = Le.addSourceBuffer(`video/mp4; codecs="${Ye.input.video_mime_type},${Ye.input.audio_mime_type}"`);
-            Le.duration = ar, O.mode = "segments", R(O);
+            const P = De.addSourceBuffer(`video/mp4; codecs="${Ye.input.video_mime_type},${Ye.input.audio_mime_type}"`);
+            De.duration = ar, P.mode = "segments", C(P);
           },
           { once: !0 }
         )
-      ), gr = new Gt({ concurrency: 1 }), Ue = (R, O) => {
-        const q = (Y) => {
-          R(Y), B();
-        }, G = (Y) => {
-          R(Y), B();
-        }, ce = (Y) => {
-          console.error(Y), O(Y), B();
+      ), gr = new Gt({ concurrency: 1 }), Ue = (C, P) => {
+        const G = (Y) => {
+          C(Y), B();
+        }, H = (Y) => {
+          C(Y), B();
+        }, le = (Y) => {
+          console.error(Y), P(Y), B();
         }, B = () => {
-          me.removeEventListener("updateend", q), me.removeEventListener("abort", G), me.removeEventListener("error", ce);
+          ge.removeEventListener("updateend", G), ge.removeEventListener("abort", H), ge.removeEventListener("error", le);
         };
-        me.addEventListener("updateend", q, { once: !0 }), me.addEventListener("abort", G, { once: !0 }), me.addEventListener("error", ce, { once: !0 });
-      }, We = (R) => gr.add(
-        () => new Promise((O, q) => {
-          Ue(O, q), me.appendBuffer(R);
+        ge.addEventListener("updateend", G, { once: !0 }), ge.addEventListener("abort", H, { once: !0 }), ge.addEventListener("error", le, { once: !0 });
+      }, We = (C) => gr.add(
+        () => new Promise((P, G) => {
+          Ue(P, G), ge.appendBuffer(C);
         })
-      ), hr = async (R, O) => gr.add(
-        () => new Promise((q, G) => {
-          Ue(q, G), me.remove(R, O);
+      ), hr = async (C, P) => gr.add(
+        () => new Promise((G, H) => {
+          Ue(G, H), ge.remove(C, P);
         })
-      ), or = () => Array(me.buffered.length).fill(void 0).map((R, O) => ({
-        index: O,
-        start: me.buffered.start(O),
-        end: me.buffered.end(O)
+      ), or = () => Array(ge.buffered.length).fill(void 0).map((C, P) => ({
+        index: P,
+        start: ge.buffered.start(P),
+        end: ge.buffered.end(P)
       }));
       x.addEventListener("canplaythrough", () => {
         x.playbackRate = 1, x.play();
       }, { once: !0 });
-      let se = [];
-      const Ve = 1, Cr = 15;
+      let ce = [];
+      const Ve = 1, Rr = 15;
       await We(je.buffer);
       let qe = !1;
       const Ge = async () => {
         if (qe)
           throw new Error("end");
-        const R = await de.read();
-        return R.isTrailer && (qe = !0), se = [...se, R], R;
+        const C = await me.read();
+        return C.isTrailer && (qe = !0), ce = [...ce, C], C;
       };
       let Be = !1;
       const Ke = sa(250, async () => {
         if (Be)
           return;
-        const { currentTime: R } = x, O = se.findIndex(({ pts: ae, duration: Je }) => ae <= R && ae + Je >= R), q = Math.max(0, O - Ve), G = () => {
-          const ae = se.at(-1);
-          return ae ? ae.pts + ae.duration : 0;
+        const { currentTime: C } = x, P = ce.findIndex(({ pts: ne, duration: Je }) => ne <= C && ne + Je >= C), G = Math.max(0, P - Ve), H = () => {
+          const ne = ce.at(-1);
+          return ne ? ne.pts + ne.duration : 0;
         };
-        for (; G() < R + Cr; ) {
-          const ae = await Ge();
-          await We(ae.buffer);
+        for (; H() < C + Rr; ) {
+          const ne = await Ge();
+          await We(ne.buffer);
         }
-        q && (se = se.slice(q));
-        const ce = or(), B = se.at(0), Y = se.at(-1);
+        G && (ce = ce.slice(G));
+        const le = or(), B = ce.at(0), Y = ce.at(-1);
         if (!B || !Y || B === Y)
           return;
         const He = B.pts;
-        for (const { start: ae, end: Je } of ce)
-          se.findIndex(({ pts: pr, duration: ir }) => ae <= pr + ir / 2 && pr + ir / 2 <= Je) === -1 ? await hr(ae, Je) : ae < He && await hr(
-            ae,
+        for (const { start: ne, end: Je } of le)
+          ce.findIndex(({ pts: pr, duration: ir }) => ne <= pr + ir / 2 && pr + ir / 2 <= Je) === -1 ? await hr(ne, Je) : ne < He && await hr(
+            ne,
             He
           );
       });
       let ze;
-      const Tr = ia(250, async (R) => {
+      const Tr = ia(250, async (C) => {
         try {
-          qe = !1, ze === void 0 && (ze = x.paused), Be = !0, se = [], await de.seek(R);
-          const O = await Ge();
-          me.timestampOffset = O.pts, await We(O.buffer), ze === !1 && await x.play(), Be = !1, await Ke(), ze === !1 && await x.play(), ze = void 0;
-        } catch (O) {
-          if (O.message !== "exit")
-            throw O;
+          qe = !1, ze === void 0 && (ze = x.paused), Be = !0, ce = [], await me.seek(C);
+          const P = await Ge();
+          ge.timestampOffset = P.pts, await We(P.buffer), ze === !1 && await x.play(), Be = !1, await Ke(), ze === !1 && await x.play(), ze = void 0;
+        } catch (P) {
+          if (P.message !== "exit")
+            throw P;
         }
-      }), Pr = await Ge();
-      We(Pr.buffer), x.addEventListener("timeupdate", () => {
+      }), Or = await Ge();
+      We(Or.buffer), x.addEventListener("timeupdate", () => {
         Ke();
       }), x.addEventListener("waiting", () => {
         Ke();
-      }), x.addEventListener("seeking", (R) => {
+      }), x.addEventListener("seeking", (C) => {
         Tr(x.currentTime);
       }), Ke(), W = window.setInterval(() => {
-        const R = or(), O = R.sort(({ start: B }, { start: Y }) => B - Y).at(0), q = R.sort(({ end: B }, { end: Y }) => B - Y).at(-1);
-        if (!O || !q)
+        const C = or(), P = C.sort(({ start: B }, { start: Y }) => B - Y).at(0), G = C.sort(({ end: B }, { end: Y }) => B - Y).at(-1);
+        if (!P || !G)
           return;
-        let G = se.filter(({ pts: B, duration: Y }) => B + Y / 2 > O.start).sort(({ pts: B }, { pts: Y }) => B - Y).at(0)?.pts, ce = se.filter(({ pts: B, duration: Y }) => B + Y / 2 < q.end).sort(({ pts: B }, { pts: Y }) => B - Y).at(-1)?.pts;
-        G === void 0 || ce === void 0 || fe([G, ce]);
+        let H = ce.filter(({ pts: B, duration: Y }) => B + Y / 2 > P.start).sort(({ pts: B }, { pts: Y }) => B - Y).at(0)?.pts, le = ce.filter(({ pts: B, duration: Y }) => B + Y / 2 < G.end).sort(({ pts: B }, { pts: Y }) => B - Y).at(-1)?.pts;
+        H === void 0 || le === void 0 || oe([H, le]);
       }, 200);
     })(), () => {
-      E.then((de) => de.destroy(!0)), window.clearInterval(W);
+      E.then((me) => me.destroy(!0)), window.clearInterval(W);
     };
   }, [t, x]);
-  const ne = (E) => {
-    k(!0);
-  }, [ee, Ne] = U(!1), ke = (E) => {
-    Ne(!1);
-  }, Ce = (E) => {
-    b.current && (Ne(!0), f(b.current?.currentTime ?? 0));
-  }, $e = (E) => {
-    x && (x.currentTime = E, Ne(!0));
-  }, _e = (E) => {
-    ee || (f(b.current?.currentTime ?? 0), k(!1));
-  }, ve = (E) => (W) => {
-    P(E);
-  }, Se = () => {
+  const Q = (E) => {
+    S(!0);
+  }, [we, ee] = U(!1), Ne = (E) => {
+    ee(!1);
+  }, Re = (E) => {
+    b.current && (ee(!0), f(b.current?.currentTime ?? 0));
+  }, Le = (E) => {
+    x && (x.currentTime = E, ee(!0));
+  }, Te = (E) => {
+    we || (f(b.current?.currentTime ?? 0), S(!1));
+  }, fe = (E) => (W) => {
+    O(E);
+  }, ke = () => {
     if (document.pictureInPictureElement)
       return document.exitPictureInPicture();
     b.current?.requestPictureInPicture();
-  }, j = () => {
+  }, se = () => {
     if (document.fullscreenElement)
       return document.exitFullscreen();
-    N.current?.requestFullscreen();
-  }, ie = async () => {
-    we(!1), b.current?.paused ? await b.current?.play() : await b.current?.pause();
-  }, be = (E) => {
+    y.current?.requestFullscreen();
+  }, z = async () => {
+    re(!1), b.current?.paused ? await b.current?.play() : await b.current?.pause();
+  }, de = (E) => {
     b.current && (b.current.volume = E);
-  }, Fe = () => {
+  }, Oe = () => {
     if (b.current)
       return b.current.volume;
   };
-  return /* @__PURE__ */ ge("div", { css: ya, ref: N, children: [
+  return /* @__PURE__ */ he("div", { css: ya, ref: y, children: [
     /* @__PURE__ */ p(
       "video",
       {
         ref: (E) => {
           typeof h == "function" && h(E), h && "current" in h && (h.current = E), b.current = E ?? void 0, _(b.current);
         },
-        onWaiting: ne,
-        onSeeking: Ce,
-        onSeeked: ke,
-        onTimeUpdate: _e,
-        onPlay: ve(!0),
-        onPause: ve(!1)
+        onWaiting: Q,
+        onSeeking: Re,
+        onSeeked: Ne,
+        onTimeUpdate: Te,
+        onPlay: fe(!0),
+        onPause: fe(!1)
       }
     ),
     /* @__PURE__ */ p(
@@ -2787,22 +2788,23 @@ overflow: hidden;
       {
         className: "chrome",
         customOverlay: e,
-        isPlaying: S,
+        publicPath: o,
+        isPlaying: k,
         video: b,
-        needsInitialInteraction: X,
-        loading: y,
-        duration: ue,
+        needsInitialInteraction: ie,
+        loading: N,
+        duration: Ce,
         currentTime: I,
-        loadedTime: J,
-        pictureInPicture: Se,
-        fullscreen: j,
-        play: ie,
-        seek: $e,
-        getVolume: Fe,
-        setVolume: be,
-        attachments: z,
-        tracks: Oe,
-        errors: Ae,
+        loadedTime: K,
+        pictureInPicture: ke,
+        fullscreen: se,
+        play: z,
+        seek: Le,
+        getVolume: Oe,
+        setVolume: de,
+        attachments: M,
+        tracks: _e,
+        errors: Ie,
         customControls: i,
         libassWorkerUrl: v,
         wasmUrl: l
@@ -2811,5 +2813,5 @@ overflow: hidden;
   ] });
 });
 export {
-  Ra as default
+  Ca as default
 };