@banou/media-player 0.0.2 → 0.2.0

package/build/index.js

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