@halibegic/react-video-player 0.0.1 → 0.0.2

package/dist/{index-qaN7n0xb.js → index-DXKCbM7O.js}

@@ -1,5 +1,5 @@
-import B, { createContext as Rn, useContext as Vt, useRef as xe, useDebugValue as yt, createElement as Pn, lazy as Yt, Suspense as Tn, useCallback as Cn, useEffect as Qe, useState as qt } from "react";
-import { MinimizeIcon as _n, MaximizeIcon as An } from "lucide-react";
+import B, { useDebugValue as bt, createElement as Cn, useRef as xe, useContext as qt, createContext as _n, useState as ut, useEffect as $e, lazy as Ut, Suspense as jn, useCallback as An } from "react";
+import { PauseIcon as Wt, PlayIcon as Bt, MinimizeIcon as On, MaximizeIcon as Nn } from "lucide-react";
 var Ce = { exports: {} }, be = {};
 /**
  * @license React
@@ -10,10 +10,10 @@ var Ce = { exports: {} }, be = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var vt;
-function jn() {
-  if (vt) return be;
-  vt = 1;
+var wt;
+function In() {
+  if (wt) return be;
+  wt = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function n(r, o, s) {
     var a = null;
@@ -42,22 +42,22 @@ var we = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var bt;
-function On() {
-  return bt || (bt = 1, process.env.NODE_ENV !== "production" && (function() {
+var St;
+function Ln() {
+  return St || (St = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(i) {
       if (i == null) return null;
       if (typeof i == "function")
-        return i.$$typeof === He ? null : i.displayName || i.name || null;
+        return i.$$typeof === Xe ? null : i.displayName || i.name || null;
       if (typeof i == "string") return i;
       switch (i) {
-        case k:
+        case P:
           return "Fragment";
         case A:
           return "Profiler";
         case D:
           return "StrictMode";
-        case d:
+        case f:
           return "Suspense";
         case S:
           return "SuspenseList";
@@ -68,11 +68,11 @@ function On() {
         switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), i.$$typeof) {
-          case P:
+          case T:
             return "Portal";
           case x:
             return (i.displayName || "Context") + ".Provider";
-          case C:
+          case _:
             return (i._context.displayName || "Context") + ".Consumer";
           case R:
             var p = i.render;
@@ -109,7 +109,7 @@ function On() {
       }
     }
     function r(i) {
-      if (i === k) return "<>";
+      if (i === P) return "<>";
       if (typeof i == "object" && i !== null && i.$$typeof === q)
         return "<...>";
       try {
@@ -127,7 +127,7 @@ function On() {
       return Error("react-stack-top-frame");
     }
     function a(i) {
-      if (ke.call(i, "key")) {
+      if (Ee.call(i, "key")) {
         var p = Object.getOwnPropertyDescriptor(i, "key").get;
         if (p && p.isReactWarning) return !1;
       }
@@ -135,7 +135,7 @@ function On() {
     }
     function c(i, p) {
       function w() {
-        Pe || (Pe = !0, console.error(
+        Re || (Re = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           p
         ));
@@ -187,7 +187,7 @@ function On() {
       var O = p.children;
       if (O !== void 0)
         if (N)
-          if (Re(O)) {
+          if (Pe(O)) {
             for (N = 0; N < O.length; N++)
               h(O[N]);
             Object.freeze && Object.freeze(O);
@@ -196,7 +196,7 @@ function On() {
               "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 h(O);
-      if (ke.call(p, "key")) {
+      if (Ee.call(p, "key")) {
         O = e(i);
         var $ = Object.keys(p).filter(function(ae) {
           return ae !== "key";
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
     function h(i) {
       typeof i == "object" && i !== null && i.$$typeof === b && i._store && (i._store.validated = 1);
     }
-    var y = B, b = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), x = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), He = Symbol.for("react.client.reference"), ge = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ke = Object.prototype.hasOwnProperty, Re = Array.isArray, ye = console.createTask ? console.createTask : function() {
+    var y = B, b = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), x = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), Xe = Symbol.for("react.client.reference"), ge = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Ee = Object.prototype.hasOwnProperty, Pe = Array.isArray, ye = console.createTask ? console.createTask : function() {
       return null;
     };
     y = {
@@ -244,11 +244,11 @@ React keys must be passed directly to JSX without using spread:
         return i();
       }
     };
-    var Pe, Te = {}, ie = y.react_stack_bottom_frame.bind(
+    var Re, Te = {}, ie = y.react_stack_bottom_frame.bind(
       y,
       s
     )(), ve = ye(r(s)), z = {};
-    we.Fragment = k, we.jsx = function(i, p, w, N, V) {
+    we.Fragment = P, we.jsx = function(i, p, w, N, V) {
       var F = 1e4 > ge.recentlyCreatedOwnerStacks++;
       return v(
         i,
@@ -275,242 +275,11 @@ React keys must be passed directly to JSX without using spread:
     };
   })()), we;
 }
-var wt;
-function Nn() {
-  return wt || (wt = 1, process.env.NODE_ENV === "production" ? Ce.exports = jn() : Ce.exports = On()), Ce.exports;
-}
-var f = Nn();
-const St = (e) => {
-  let t;
-  const n = /* @__PURE__ */ new Set(), r = (l, v) => {
-    const h = typeof l == "function" ? l(t) : l;
-    if (!Object.is(h, t)) {
-      const y = t;
-      t = v ?? (typeof h != "object" || h === null) ? h : Object.assign({}, t, h), n.forEach((b) => b(t, y));
-    }
-  }, o = () => t, c = { setState: r, getState: o, getInitialState: () => u, subscribe: (l) => (n.add(l), () => n.delete(l)) }, u = t = e(r, o, c);
-  return c;
-}, In = ((e) => e ? St(e) : St), Ln = (e) => e;
-function Ut(e, t = Ln) {
-  const n = B.useSyncExternalStore(
-    e.subscribe,
-    B.useCallback(() => t(e.getState()), [e, t]),
-    B.useCallback(() => t(e.getInitialState()), [e, t])
-  );
-  return B.useDebugValue(n), n;
-}
-const xt = (e) => {
-  const t = In(e), n = (r) => Ut(t, r);
-  return Object.assign(n, t), n;
-}, Dn = ((e) => e ? xt(e) : xt);
-function Fn(e, t, n) {
-  const r = {
-    days: 86400,
-    hours: 3600,
-    minutes: 60,
-    seconds: 1,
-    milliseconds: 1e-3
-  };
-  return e * (r[t] / r[n]);
-}
-function $n(e) {
-  return Fn(e, "milliseconds", "seconds");
+var xt;
+function Dn() {
+  return xt || (xt = 1, process.env.NODE_ENV === "production" ? Ce.exports = In() : Ce.exports = Ln()), Ce.exports;
 }
-const Et = (e) => {
-  const t = Math.floor(e / 60), n = Math.floor(e % 60);
-  return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-};
-function Mn(e) {
-  const t = typeof window < "u" && window.navigator?.userAgent || "";
-  return e.test(t);
-}
-const Wt = Mn(/iPhone|iPad|iPod/i);
-function zn() {
-  const e = document;
-  return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
-}
-function Vn(e) {
-  e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
-}
-function Yn(e) {
-  e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
-}
-function qn(e, t) {
-  return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
-    e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
-  };
-}
-const Un = (e, t) => ({
-  currentTime: 0,
-  duration: 0,
-  isEnded: !1,
-  isLoading: !1,
-  isLoop: !1,
-  isMetaLoaded: !1,
-  isPlaying: !1,
-  isReady: !1,
-  isStarted: !1,
-  pauseTime: 0,
-  seekTime: -1,
-  startTime: -1,
-  volume: 100,
-  destroy: () => {
-  },
-  handleDurationChange: () => {
-    const n = t().techRef.current;
-    n && e({ duration: n.duration });
-  },
-  handleEnd: () => {
-    t().techRef.current && e({
-      isEnded: !0,
-      isLoading: !1,
-      isMetaLoaded: !1,
-      isPlaying: !1
-    });
-  },
-  handleLoadedMetadata: () => {
-    const n = t().techRef.current;
-    n && (n.loop = t().isLoop, n.volume = n.muted ? 0 : 1, t().startTime !== -1 && (n.currentTime = t().startTime), e({
-      currentTime: t().startTime !== -1 ? t().startTime : n.currentTime,
-      duration: n.duration,
-      startTime: -1,
-      isMetaLoaded: !0,
-      volume: n.muted ? 0 : 100
-    }));
-  },
-  handleLoadStart: () => {
-    const n = t().techRef.current;
-    n && (e({ isReady: !0 }), n.play().then(() => {
-      e({
-        isEnded: !1,
-        isLoading: !1,
-        isPlaying: !0,
-        isStarted: !0,
-        pauseTime: 0
-      });
-    }).catch(
-      (r) => e(() => (console.info("Player failed to autoplay", r), {
-        isStarted: !1,
-        isEnded: !1,
-        isLoading: !1,
-        isPlaying: !1
-      }))
-    ));
-  },
-  handlePause: () => e({
-    isPlaying: !1,
-    pauseTime: Date.now()
-  }),
-  handlePlay: () => e({
-    isPlaying: !0,
-    pauseTime: 0
-  }),
-  handlePlaying: () => e({ isLoading: !1 }),
-  handleSeeked: () => e({ isLoading: !1 }),
-  handleSeeking: () => e({ isLoading: !0 }),
-  handleTimeUpdate: () => {
-    const n = t().techRef.current;
-    n && e({ currentTime: n.currentTime });
-  },
-  handleWaiting: () => e({ isLoading: !0 }),
-  pause: () => {
-    const n = t().techRef.current;
-    n && (n.pause(), e({
-      isEnded: !1,
-      isPlaying: !1,
-      pauseTime: Date.now()
-    }));
-  },
-  pauseTimeDiff: () => $n(Date.now() - t().pauseTime),
-  play: () => {
-    const n = t().techRef.current;
-    n && (n.play(), e({
-      isEnded: !1,
-      isPlaying: !0,
-      isStarted: !0,
-      pauseTime: 0
-    }));
-  },
-  seek: (n) => {
-    const r = t().techRef.current;
-    r && (r.currentTime = n, (r.paused || r.ended) && r.play(), e({
-      seekTime: -1,
-      currentTime: n,
-      isStarted: !0,
-      isEnded: !1,
-      isPlaying: !0
-    }));
-  },
-  setIsLoading: (n) => e({ isLoading: n }),
-  setIsLoop: (n) => {
-    const r = t().techRef.current;
-    r && (r.loop = n, e({ isLoop: n }));
-  },
-  setStartTime: (n) => e({ startTime: n }),
-  setVolume: (n) => {
-    const r = t().techRef.current;
-    r && (r.muted = n === 0, r.volume = n / 100, e({ volume: n }));
-  },
-  stop: () => {
-    t().techRef.current && e({
-      isPlaying: !1,
-      isLoading: !1
-    });
-  }
-}), Wn = (e) => ({
-  idleLocks: /* @__PURE__ */ new Set(),
-  addIdleLock: (t) => e((n) => ({
-    idleLocks: new Set(n.idleLocks).add(t)
-  })),
-  removeIdleLock: (t) => e((n) => {
-    const r = new Set(n.idleLocks);
-    return r.delete(t), { idleLocks: r };
-  })
-}), Bn = (e, t) => ({
-  isFullscreen: !1,
-  isFullscreenReady: !1,
-  exitFullscreen: () => {
-    Yn(document), e({ isFullscreen: !1 });
-  },
-  requestFullscreen: () => {
-    const n = t().techRef.current, r = t().containerRef.current;
-    if (!n || !r) return;
-    const o = Wt ? n : r;
-    o && Vn(o), e({ isFullscreen: !0 });
-  },
-  setIsFullscreen: (n) => e({ isFullscreen: n }),
-  setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
-}), Gn = (e) => ({
-  url: "",
-  setURL: (t) => e({ url: t })
-}), Hn = (e) => () => ({
-  ...e
-}), Xn = (e, t) => Dn()((...n) => ({
-  ...Un(...n),
-  ...Wn(...n),
-  ...Bn(...n),
-  ...Gn(...n),
-  ...Hn({ techRef: e, containerRef: t })(...n)
-})), Bt = Rn(null), Jn = ({ children: e }) => {
-  const t = xe(null), n = xe(null), r = xe(null);
-  return t.current || (t.current = Xn(n, r)), /* @__PURE__ */ f.jsx(Bt.Provider, { value: t.current, children: e });
-}, j = (e) => {
-  const t = Vt(Bt);
-  if (!t)
-    throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return Ut(t, e);
-};
-function Gt({ children: e }) {
-  return /* @__PURE__ */ f.jsx(Jn, { children: e });
-}
-const $e = {
-  hls: "hls",
-  dash: "dash"
-};
-function Zn(e) {
-  return e && /\.m3u8/i.test(e) ? $e.hls : $e.dash;
-}
-var M = function() {
+var d = Dn(), M = function() {
   return M = Object.assign || function(t) {
     for (var n, r = 1, o = arguments.length; r < o; r++) {
       n = arguments[r];
@@ -524,22 +293,22 @@ function oe(e, t, n) {
     (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
   return e.concat(s || Array.prototype.slice.call(t));
 }
-function Kn(e) {
+function Fn(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return t[n] === void 0 && (t[n] = e(n)), t[n];
   };
 }
-var Qn = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, er = /* @__PURE__ */ Kn(
+var $n = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Mn = /* @__PURE__ */ Fn(
   function(e) {
-    return Qn.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return $n.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), _ = "-ms-", Ee = "-moz-", E = "-webkit-", Ht = "comm", Ye = "rule", ut = "decl", tr = "@import", Xt = "@keyframes", nr = "@layer", Jt = Math.abs, dt = String.fromCharCode, et = Object.assign;
-function rr(e, t) {
+), j = "-ms-", ke = "-moz-", k = "-webkit-", Gt = "comm", qe = "rule", dt = "decl", zn = "@import", Ht = "@keyframes", Vn = "@layer", Xt = Math.abs, ft = String.fromCharCode, et = Object.assign;
+function Yn(e, t) {
   return L(e, 0) ^ 45 ? (((t << 2 ^ L(e, 0)) << 2 ^ L(e, 1)) << 2 ^ L(e, 2)) << 2 ^ L(e, 3) : 0;
 }
-function Zt(e) {
+function Jt(e) {
   return e.trim();
 }
 function H(e, t) {
@@ -560,13 +329,13 @@ function le(e, t, n) {
 function W(e) {
   return e.length;
 }
-function Kt(e) {
+function Zt(e) {
   return e.length;
 }
 function Se(e, t) {
   return t.push(e), e;
 }
-function or(e, t) {
+function qn(e, t) {
   return e.map(t).join("");
 }
 function kt(e, t) {
@@ -574,26 +343,26 @@ function kt(e, t) {
     return !H(n, t);
   });
 }
-var qe = 1, ue = 1, Qt = 0, Y = 0, I = 0, he = "";
-function Ue(e, t, n, r, o, s, a, c) {
-  return { value: e, root: t, parent: n, type: r, props: o, children: s, line: qe, column: ue, length: a, return: "", siblings: c };
+var Ue = 1, ue = 1, Kt = 0, Y = 0, I = 0, he = "";
+function We(e, t, n, r, o, s, a, c) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: s, line: Ue, column: ue, length: a, return: "", siblings: c };
 }
 function K(e, t) {
-  return et(Ue("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+  return et(We("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
 }
 function ce(e) {
   for (; e.root; )
     e = K(e.root, { children: [e] });
   Se(e, e.siblings);
 }
-function sr() {
+function Un() {
   return I;
 }
-function ir() {
-  return I = Y > 0 ? L(he, --Y) : 0, ue--, I === 10 && (ue = 1, qe--), I;
+function Wn() {
+  return I = Y > 0 ? L(he, --Y) : 0, ue--, I === 10 && (ue = 1, Ue--), I;
 }
 function U() {
-  return I = Y < Qt ? L(he, Y++) : 0, ue++, I === 10 && (ue = 1, qe++), I;
+  return I = Y < Kt ? L(he, Y++) : 0, ue++, I === 10 && (ue = 1, Ue++), I;
 }
 function ne() {
   return L(he, Y);
@@ -601,7 +370,7 @@ function ne() {
 function Ie() {
   return Y;
 }
-function We(e, t) {
+function Be(e, t) {
   return le(he, e, t);
 }
 function tt(e) {
@@ -642,24 +411,24 @@ function tt(e) {
   }
   return 0;
 }
-function ar(e) {
-  return qe = ue = 1, Qt = W(he = e), Y = 0, [];
+function Bn(e) {
+  return Ue = ue = 1, Kt = W(he = e), Y = 0, [];
 }
-function cr(e) {
+function Gn(e) {
   return he = "", e;
 }
-function Xe(e) {
-  return Zt(We(Y - 1, nt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function Je(e) {
+  return Jt(Be(Y - 1, nt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function lr(e) {
+function Hn(e) {
   for (; (I = ne()) && I < 33; )
     U();
   return tt(e) > 2 || tt(I) > 3 ? "" : " ";
 }
-function ur(e, t) {
+function Xn(e, t) {
   for (; --t && U() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
     ;
-  return We(e, Ie() + (t < 6 && ne() == 32 && U() == 32));
+  return Be(e, Ie() + (t < 6 && ne() == 32 && U() == 32));
 }
 function nt(e) {
   for (; U(); )
@@ -683,65 +452,65 @@ function nt(e) {
     }
   return Y;
 }
-function dr(e, t) {
+function Jn(e, t) {
   for (; U() && e + I !== 57; )
     if (e + I === 84 && ne() === 47)
       break;
-  return "/*" + We(t, Y - 1) + "*" + dt(e === 47 ? e : U());
+  return "/*" + Be(t, Y - 1) + "*" + ft(e === 47 ? e : U());
 }
-function fr(e) {
+function Zn(e) {
   for (; !tt(ne()); )
     U();
-  return We(e, Y);
+  return Be(e, Y);
 }
-function pr(e) {
-  return cr(Le("", null, null, null, [""], e = ar(e), 0, [0], e));
+function Kn(e) {
+  return Gn(Le("", null, null, null, [""], e = Bn(e), 0, [0], e));
 }
 function Le(e, t, n, r, o, s, a, c, u) {
-  for (var l = 0, v = 0, h = a, y = 0, b = 0, P = 0, k = 1, D = 1, A = 1, C = 0, x = "", R = o, d = s, S = r, m = x; D; )
-    switch (P = C, C = U()) {
+  for (var l = 0, v = 0, h = a, y = 0, b = 0, T = 0, P = 1, D = 1, A = 1, _ = 0, x = "", R = o, f = s, S = r, m = x; D; )
+    switch (T = _, _ = U()) {
       // (
       case 40:
-        if (P != 108 && L(m, h - 1) == 58) {
-          Ne(m += g(Xe(C), "&", "&\f"), "&\f", Jt(l ? c[l - 1] : 0)) != -1 && (A = -1);
+        if (T != 108 && L(m, h - 1) == 58) {
+          Ne(m += g(Je(_), "&", "&\f"), "&\f", Xt(l ? c[l - 1] : 0)) != -1 && (A = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        m += Xe(C);
+        m += Je(_);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        m += lr(P);
+        m += Hn(T);
         break;
       // \
       case 92:
-        m += ur(Ie() - 1, 7);
+        m += Xn(Ie() - 1, 7);
         continue;
       // /
       case 47:
         switch (ne()) {
           case 42:
           case 47:
-            Se(hr(dr(U(), Ie()), t, n, u), u);
+            Se(Qn(Jn(U(), Ie()), t, n, u), u);
             break;
           default:
             m += "/";
         }
         break;
       // {
-      case 123 * k:
+      case 123 * P:
         c[l++] = W(m) * A;
       // } ; \0
-      case 125 * k:
+      case 125 * P:
       case 59:
       case 0:
-        switch (C) {
+        switch (_) {
           // \0 }
           case 0:
           case 125:
@@ -755,9 +524,9 @@ function Le(e, t, n, r, o, s, a, c, u) {
             m += ";";
           // { rule/at-rule
           default:
-            if (Se(S = Rt(m, t, n, l, v, o, c, x, R = [], d = [], h, s), s), C === 123)
+            if (Se(S = Et(m, t, n, l, v, o, c, x, R = [], f = [], h, s), s), _ === 123)
               if (v === 0)
-                Le(m, t, S, S, R, s, h, c, d);
+                Le(m, t, S, S, R, s, h, c, f);
               else
                 switch (y === 99 && L(m, 3) === 110 ? 100 : y) {
                   // d l m s
@@ -765,25 +534,25 @@ function Le(e, t, n, r, o, s, a, c, u) {
                   case 108:
                   case 109:
                   case 115:
-                    Le(e, S, S, r && Se(Rt(e, S, S, 0, 0, o, c, x, o, R = [], h, d), d), o, d, h, c, r ? R : d);
+                    Le(e, S, S, r && Se(Et(e, S, S, 0, 0, o, c, x, o, R = [], h, f), f), o, f, h, c, r ? R : f);
                     break;
                   default:
-                    Le(m, S, S, S, [""], d, 0, c, d);
+                    Le(m, S, S, S, [""], f, 0, c, f);
                 }
         }
-        l = v = b = 0, k = A = 1, x = m = "", h = a;
+        l = v = b = 0, P = A = 1, x = m = "", h = a;
         break;
       // :
       case 58:
-        h = 1 + W(m), b = P;
+        h = 1 + W(m), b = T;
       default:
-        if (k < 1) {
-          if (C == 123)
-            --k;
-          else if (C == 125 && k++ == 0 && ir() == 125)
+        if (P < 1) {
+          if (_ == 123)
+            --P;
+          else if (_ == 125 && P++ == 0 && Wn() == 125)
             continue;
         }
-        switch (m += dt(C), C * k) {
+        switch (m += ft(_), _ * P) {
           // &
           case 38:
             A = v > 0 ? 1 : (m += "\f", -1);
@@ -794,32 +563,32 @@ function Le(e, t, n, r, o, s, a, c, u) {
             break;
           // @
           case 64:
-            ne() === 45 && (m += Xe(U())), y = ne(), v = h = W(x = m += fr(Ie())), C++;
+            ne() === 45 && (m += Je(U())), y = ne(), v = h = W(x = m += Zn(Ie())), _++;
             break;
           // -
           case 45:
-            P === 45 && W(m) == 2 && (k = 0);
+            T === 45 && W(m) == 2 && (P = 0);
         }
     }
   return s;
 }
-function Rt(e, t, n, r, o, s, a, c, u, l, v, h) {
-  for (var y = o - 1, b = o === 0 ? s : [""], P = Kt(b), k = 0, D = 0, A = 0; k < r; ++k)
-    for (var C = 0, x = le(e, y + 1, y = Jt(D = a[k])), R = e; C < P; ++C)
-      (R = Zt(D > 0 ? b[C] + " " + x : g(x, /&\f/g, b[C]))) && (u[A++] = R);
-  return Ue(e, t, n, o === 0 ? Ye : c, u, l, v, h);
+function Et(e, t, n, r, o, s, a, c, u, l, v, h) {
+  for (var y = o - 1, b = o === 0 ? s : [""], T = Zt(b), P = 0, D = 0, A = 0; P < r; ++P)
+    for (var _ = 0, x = le(e, y + 1, y = Xt(D = a[P])), R = e; _ < T; ++_)
+      (R = Jt(D > 0 ? b[_] + " " + x : g(x, /&\f/g, b[_]))) && (u[A++] = R);
+  return We(e, t, n, o === 0 ? qe : c, u, l, v, h);
 }
-function hr(e, t, n, r) {
-  return Ue(e, t, n, Ht, dt(sr()), le(e, 2, -2), 0, r);
+function Qn(e, t, n, r) {
+  return We(e, t, n, Gt, ft(Un()), le(e, 2, -2), 0, r);
 }
 function Pt(e, t, n, r, o) {
-  return Ue(e, t, n, ut, le(e, 0, r), le(e, r + 1, -1), r, o);
+  return We(e, t, n, dt, le(e, 0, r), le(e, r + 1, -1), r, o);
 }
-function en(e, t, n) {
-  switch (rr(e, t)) {
+function Qt(e, t, n) {
+  switch (Yn(e, t)) {
     // color-adjust
     case 5103:
-      return E + "print-" + e + e;
+      return k + "print-" + e + e;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -849,95 +618,95 @@ function en(e, t, n) {
     case 5365:
     case 5621:
     case 3829:
-      return E + e + e;
+      return k + e + e;
     // tab-size
     case 4789:
-      return Ee + e + e;
+      return ke + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return E + e + Ee + e + _ + e + e;
+      return k + e + ke + e + j + e + e;
     // writing-mode
     case 5936:
       switch (L(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return E + e + _ + g(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return k + e + j + g(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return E + e + _ + g(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return k + e + j + g(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return E + e + _ + g(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return k + e + j + g(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
     // flex, flex-direction, scroll-snap-type, writing-mode
     case 6828:
     case 4268:
     case 2903:
-      return E + e + _ + e + e;
+      return k + e + j + e + e;
     // order
     case 6165:
-      return E + e + _ + "flex-" + e + e;
+      return k + e + j + "flex-" + e + e;
     // align-items
     case 5187:
-      return E + e + g(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + _ + "flex-$1$2") + e;
+      return k + e + g(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + j + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return E + e + _ + "flex-item-" + g(e, /flex-|-self/g, "") + (H(e, /flex-|baseline/) ? "" : _ + "grid-row-" + g(e, /flex-|-self/g, "")) + e;
+      return k + e + j + "flex-item-" + g(e, /flex-|-self/g, "") + (H(e, /flex-|baseline/) ? "" : j + "grid-row-" + g(e, /flex-|-self/g, "")) + e;
     // align-content
     case 4675:
-      return E + e + _ + "flex-line-pack" + g(e, /align-content|flex-|-self/g, "") + e;
+      return k + e + j + "flex-line-pack" + g(e, /align-content|flex-|-self/g, "") + e;
     // flex-shrink
     case 5548:
-      return E + e + _ + g(e, "shrink", "negative") + e;
+      return k + e + j + g(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return E + e + _ + g(e, "basis", "preferred-size") + e;
+      return k + e + j + g(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return E + "box-" + g(e, "-grow", "") + E + e + _ + g(e, "grow", "positive") + e;
+      return k + "box-" + g(e, "-grow", "") + k + e + j + g(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return E + g(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
+      return k + g(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
     // cursor
     case 6187:
-      return g(g(g(e, /(zoom-|grab)/, E + "$1"), /(image-set)/, E + "$1"), e, "") + e;
+      return g(g(g(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return g(e, /(image-set\([^]*)/, E + "$1$`$1");
+      return g(e, /(image-set\([^]*)/, k + "$1$`$1");
     // justify-content
     case 4968:
-      return g(g(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + _ + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
+      return g(g(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + j + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
     // justify-self
     case 4200:
-      if (!H(e, /flex-|baseline/)) return _ + "grid-column-align" + le(e, t) + e;
+      if (!H(e, /flex-|baseline/)) return j + "grid-column-align" + le(e, t) + e;
       break;
     // grid-template-(columns|rows)
     case 2592:
     case 3360:
-      return _ + g(e, "template-", "") + e;
+      return j + g(e, "template-", "") + e;
     // grid-(row|column)-start
     case 4384:
     case 3616:
       return n && n.some(function(r, o) {
         return t = o, H(r.props, /grid-\w+-end/);
-      }) ? ~Ne(e + (n = n[t].value), "span", 0) ? e : _ + g(e, "-start", "") + e + _ + "grid-row-span:" + (~Ne(n, "span", 0) ? H(n, /\d+/) : +H(n, /\d+/) - +H(e, /\d+/)) + ";" : _ + g(e, "-start", "") + e;
+      }) ? ~Ne(e + (n = n[t].value), "span", 0) ? e : j + g(e, "-start", "") + e + j + "grid-row-span:" + (~Ne(n, "span", 0) ? H(n, /\d+/) : +H(n, /\d+/) - +H(e, /\d+/)) + ";" : j + g(e, "-start", "") + e;
     // grid-(row|column)-end
     case 4896:
     case 4128:
       return n && n.some(function(r) {
         return H(r.props, /grid-\w+-start/);
-      }) ? e : _ + g(g(e, "-end", "-span"), "span ", "") + e;
+      }) ? e : j + g(g(e, "-end", "-span"), "span ", "") + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return g(e, /(.+)-inline(.+)/, E + "$1$2") + e;
+      return g(e, /(.+)-inline(.+)/, k + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -959,32 +728,32 @@ function en(e, t, n) {
               break;
           // (f)ill-available, (f)it-content
           case 102:
-            return g(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + Ee + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return g(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + ke + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           // (s)tretch
           case 115:
-            return ~Ne(e, "stretch", 0) ? en(g(e, "stretch", "fill-available"), t, n) + e : e;
+            return ~Ne(e, "stretch", 0) ? Qt(g(e, "stretch", "fill-available"), t, n) + e : e;
         }
       break;
     // grid-(column|row)
     case 5152:
     case 5920:
       return g(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, s, a, c, u, l) {
-        return _ + o + ":" + s + l + (a ? _ + o + "-span:" + (c ? u : +u - +s) + l : "") + e;
+        return j + o + ":" + s + l + (a ? j + o + "-span:" + (c ? u : +u - +s) + l : "") + e;
       });
     // position: sticky
     case 4949:
       if (L(e, t + 6) === 121)
-        return g(e, ":", ":" + E) + e;
+        return g(e, ":", ":" + k) + e;
       break;
     // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
       switch (L(e, L(e, 14) === 45 ? 18 : 11)) {
         // (inline-)?fle(x)
         case 120:
-          return g(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + E + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + _ + "$2box$3") + e;
+          return g(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + k + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + j + "$2box$3") + e;
         // (inline-)?gri(d)
         case 100:
-          return g(e, ":", ":" + _) + e;
+          return g(e, ":", ":" + j) + e;
       }
       break;
     // scroll-margin, scroll-margin-(top|right|bottom|left)
@@ -1002,62 +771,62 @@ function Me(e, t) {
     n += t(e[r], r, e, t) || "";
   return n;
 }
-function mr(e, t, n, r) {
+function er(e, t, n, r) {
   switch (e.type) {
-    case nr:
+    case Vn:
       if (e.children.length) break;
-    case tr:
-    case ut:
+    case zn:
+    case dt:
       return e.return = e.return || e.value;
-    case Ht:
+    case Gt:
       return "";
-    case Xt:
+    case Ht:
       return e.return = e.value + "{" + Me(e.children, r) + "}";
-    case Ye:
+    case qe:
       if (!W(e.value = e.props.join(","))) return "";
   }
   return W(n = Me(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
-function gr(e) {
-  var t = Kt(e);
+function tr(e) {
+  var t = Zt(e);
   return function(n, r, o, s) {
     for (var a = "", c = 0; c < t; c++)
       a += e[c](n, r, o, s) || "";
     return a;
   };
 }
-function yr(e) {
+function nr(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-function vr(e, t, n, r) {
+function rr(e, t, n, r) {
   if (e.length > -1 && !e.return)
     switch (e.type) {
-      case ut:
-        e.return = en(e.value, e.length, n);
+      case dt:
+        e.return = Qt(e.value, e.length, n);
         return;
-      case Xt:
-        return Me([K(e, { value: g(e.value, "@", "@" + E) })], r);
-      case Ye:
+      case Ht:
+        return Me([K(e, { value: g(e.value, "@", "@" + k) })], r);
+      case qe:
         if (e.length)
-          return or(n = e.props, function(o) {
+          return qn(n = e.props, function(o) {
             switch (H(o, r = /(::plac\w+|:read-\w+)/)) {
               // :read-(only|write)
               case ":read-only":
               case ":read-write":
-                ce(K(e, { props: [g(o, /:(read-\w+)/, ":" + Ee + "$1")] })), ce(K(e, { props: [o] })), et(e, { props: kt(n, r) });
+                ce(K(e, { props: [g(o, /:(read-\w+)/, ":" + ke + "$1")] })), ce(K(e, { props: [o] })), et(e, { props: kt(n, r) });
                 break;
               // :placeholder
               case "::placeholder":
-                ce(K(e, { props: [g(o, /:(plac\w+)/, ":" + E + "input-$1")] })), ce(K(e, { props: [g(o, /:(plac\w+)/, ":" + Ee + "$1")] })), ce(K(e, { props: [g(o, /:(plac\w+)/, _ + "input-$1")] })), ce(K(e, { props: [o] })), et(e, { props: kt(n, r) });
+                ce(K(e, { props: [g(o, /:(plac\w+)/, ":" + k + "input-$1")] })), ce(K(e, { props: [g(o, /:(plac\w+)/, ":" + ke + "$1")] })), ce(K(e, { props: [g(o, /:(plac\w+)/, j + "input-$1")] })), ce(K(e, { props: [o] })), et(e, { props: kt(n, r) });
                 break;
             }
             return "";
           });
     }
 }
-var br = {
+var or = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1105,8 +874,8 @@ var br = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, se = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", tn = "active", nn = "data-styled-version", Be = "6.1.19", ft = `/*!sc*/
-`, ze = typeof window < "u" && typeof document < "u", wr = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Tt = /invalid hook call/i, _e = /* @__PURE__ */ new Set(), Sr = function(e, t) {
+}, se = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", en = "active", tn = "data-styled-version", Ge = "6.1.19", pt = `/*!sc*/
+`, ze = typeof window < "u" && typeof document < "u", sr = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Rt = /invalid hook call/i, _e = /* @__PURE__ */ new Set(), ir = function(e, t) {
   if (process.env.NODE_ENV !== "production") {
     var n = t ? ' with the id of "'.concat(t, '"') : "", r = "The component ".concat(e).concat(n, ` has been created dynamically.
 `) + `You may see this warning because you've called styled inside another component.
@@ -1117,65 +886,65 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
       var s = !0;
       console.error = function(a) {
         for (var c = [], u = 1; u < arguments.length; u++) c[u - 1] = arguments[u];
-        Tt.test(a) ? (s = !1, _e.delete(r)) : o.apply(void 0, oe([a], c, !1));
+        Rt.test(a) ? (s = !1, _e.delete(r)) : o.apply(void 0, oe([a], c, !1));
       }, xe(), s && !_e.has(r) && (console.warn(r), _e.add(r));
     } catch (a) {
-      Tt.test(a.message) && _e.delete(r);
+      Rt.test(a.message) && _e.delete(r);
     } finally {
       console.error = o;
     }
   }
-}, Ge = Object.freeze([]), de = Object.freeze({});
-function xr(e, t, n) {
+}, He = Object.freeze([]), de = Object.freeze({});
+function ar(e, t, n) {
   return n === void 0 && (n = de), e.theme !== n.theme && e.theme || t || n.theme;
 }
-var rt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Er = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, kr = /(^-|-$)/g;
-function Ct(e) {
-  return e.replace(Er, "-").replace(kr, "");
+var rt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), cr = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, lr = /(^-|-$)/g;
+function Tt(e) {
+  return e.replace(cr, "-").replace(lr, "");
 }
-var Rr = /(a)(d)/gi, Ae = 52, _t = function(e) {
+var ur = /(a)(d)/gi, je = 52, Ct = function(e) {
   return String.fromCharCode(e + (e > 25 ? 39 : 97));
 };
 function ot(e) {
   var t, n = "";
-  for (t = Math.abs(e); t > Ae; t = t / Ae | 0) n = _t(t % Ae) + n;
-  return (_t(t % Ae) + n).replace(Rr, "$1-$2");
+  for (t = Math.abs(e); t > je; t = t / je | 0) n = Ct(t % je) + n;
+  return (Ct(t % je) + n).replace(ur, "$1-$2");
 }
-var Je, rn = 5381, ee = function(e, t) {
+var Ze, nn = 5381, ee = function(e, t) {
   for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
   return e;
-}, on = function(e) {
-  return ee(rn, e);
+}, rn = function(e) {
+  return ee(nn, e);
 };
-function sn(e) {
-  return ot(on(e) >>> 0);
+function on(e) {
+  return ot(rn(e) >>> 0);
 }
-function an(e) {
+function sn(e) {
   return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
 }
-function Ze(e) {
+function Ke(e) {
   return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
 }
-var cn = typeof Symbol == "function" && Symbol.for, ln = cn ? Symbol.for("react.memo") : 60115, Pr = cn ? Symbol.for("react.forward_ref") : 60112, Tr = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Cr = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, un = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, _r = ((Je = {})[Pr] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Je[ln] = un, Je);
-function At(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === ln ? un : "$$typeof" in e ? _r[e.$$typeof] : Tr;
+var an = typeof Symbol == "function" && Symbol.for, cn = an ? Symbol.for("react.memo") : 60115, dr = an ? Symbol.for("react.forward_ref") : 60112, fr = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, pr = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, ln = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, hr = ((Ze = {})[dr] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Ze[cn] = ln, Ze);
+function _t(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === cn ? ln : "$$typeof" in e ? hr[e.$$typeof] : fr;
   var t;
 }
-var Ar = Object.defineProperty, jr = Object.getOwnPropertyNames, jt = Object.getOwnPropertySymbols, Or = Object.getOwnPropertyDescriptor, Nr = Object.getPrototypeOf, Ot = Object.prototype;
-function dn(e, t, n) {
+var mr = Object.defineProperty, gr = Object.getOwnPropertyNames, jt = Object.getOwnPropertySymbols, yr = Object.getOwnPropertyDescriptor, vr = Object.getPrototypeOf, At = Object.prototype;
+function un(e, t, n) {
   if (typeof t != "string") {
-    if (Ot) {
-      var r = Nr(t);
-      r && r !== Ot && dn(e, r, n);
+    if (At) {
+      var r = vr(t);
+      r && r !== At && un(e, r, n);
     }
-    var o = jr(t);
+    var o = gr(t);
     jt && (o = o.concat(jt(t)));
-    for (var s = At(e), a = At(t), c = 0; c < o.length; ++c) {
+    for (var s = _t(e), a = _t(t), c = 0; c < o.length; ++c) {
       var u = o[c];
-      if (!(u in Cr || n && n[u] || a && u in a || s && u in s)) {
-        var l = Or(t, u);
+      if (!(u in pr || n && n[u] || a && u in a || s && u in s)) {
+        var l = yr(t, u);
         try {
-          Ar(e, u, l);
+          mr(e, u, l);
         } catch {
         }
       }
@@ -1186,7 +955,7 @@ function dn(e, t, n) {
 function fe(e) {
   return typeof e == "function";
 }
-function pt(e) {
+function ht(e) {
   return typeof e == "object" && "styledComponentId" in e;
 }
 function te(e, t) {
@@ -1206,10 +975,10 @@ function it(e, t, n) {
   else if (pe(t)) for (var r in t) e[r] = it(e[r], t[r]);
   return e;
 }
-function ht(e, t) {
+function mt(e, t) {
   Object.defineProperty(e, "toString", { value: t });
 }
-var Ir = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
+var br = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
 
 `, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
 
@@ -1251,7 +1020,7 @@ as for instance in your render method then you may be running into this limitati
 `, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
 Has styled-components' style tag been unmounted or altered by another script?
 `, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
-function Lr() {
+function wr() {
   for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
   for (var n = e[0], r = [], o = 1, s = e.length; o < s; o += 1) r.push(e[o]);
   return r.forEach(function(a) {
@@ -1260,9 +1029,9 @@ function Lr() {
 }
 function me(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(Lr.apply(void 0, oe([Ir[e]], t, !1)).trim());
+  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(wr.apply(void 0, oe([br[e]], t, !1)).trim());
 }
-var Dr = (function() {
+var Sr = (function() {
   function e(t) {
     this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
   }
@@ -1285,50 +1054,50 @@ var Dr = (function() {
   }, e.prototype.getGroup = function(t) {
     var n = "";
     if (t >= this.length || this.groupSizes[t] === 0) return n;
-    for (var r = this.groupSizes[t], o = this.indexOfGroup(t), s = o + r, a = o; a < s; a++) n += "".concat(this.tag.getRule(a)).concat(ft);
+    for (var r = this.groupSizes[t], o = this.indexOfGroup(t), s = o + r, a = o; a < s; a++) n += "".concat(this.tag.getRule(a)).concat(pt);
     return n;
   }, e;
-})(), Fr = 1 << 30, De = /* @__PURE__ */ new Map(), Ve = /* @__PURE__ */ new Map(), Fe = 1, je = function(e) {
+})(), xr = 1 << 30, De = /* @__PURE__ */ new Map(), Ve = /* @__PURE__ */ new Map(), Fe = 1, Ae = function(e) {
   if (De.has(e)) return De.get(e);
   for (; Ve.has(Fe); ) Fe++;
   var t = Fe++;
-  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > Fr)) throw me(16, "".concat(t));
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > xr)) throw me(16, "".concat(t));
   return De.set(e, t), Ve.set(t, e), t;
-}, $r = function(e, t) {
+}, kr = function(e, t) {
   Fe = t + 1, De.set(e, t), Ve.set(t, e);
-}, Mr = "style[".concat(se, "][").concat(nn, '="').concat(Be, '"]'), zr = new RegExp("^".concat(se, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Vr = function(e, t, n) {
+}, Er = "style[".concat(se, "][").concat(tn, '="').concat(Ge, '"]'), Pr = new RegExp("^".concat(se, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Rr = function(e, t, n) {
   for (var r, o = n.split(","), s = 0, a = o.length; s < a; s++) (r = o[s]) && e.registerName(t, r);
-}, Yr = function(e, t) {
-  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(ft), o = [], s = 0, a = r.length; s < a; s++) {
+}, Tr = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(pt), o = [], s = 0, a = r.length; s < a; s++) {
     var c = r[s].trim();
     if (c) {
-      var u = c.match(zr);
+      var u = c.match(Pr);
       if (u) {
         var l = 0 | parseInt(u[1], 10), v = u[2];
-        l !== 0 && ($r(v, l), Vr(e, v, u[3]), e.getTag().insertRules(l, o)), o.length = 0;
+        l !== 0 && (kr(v, l), Rr(e, v, u[3]), e.getTag().insertRules(l, o)), o.length = 0;
       } else o.push(c);
     }
   }
-}, Nt = function(e) {
-  for (var t = document.querySelectorAll(Mr), n = 0, r = t.length; n < r; n++) {
+}, Ot = function(e) {
+  for (var t = document.querySelectorAll(Er), n = 0, r = t.length; n < r; n++) {
     var o = t[n];
-    o && o.getAttribute(se) !== tn && (Yr(e, o), o.parentNode && o.parentNode.removeChild(o));
+    o && o.getAttribute(se) !== en && (Tr(e, o), o.parentNode && o.parentNode.removeChild(o));
   }
 };
-function qr() {
+function Cr() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
 }
-var fn = function(e) {
+var dn = function(e) {
   var t = document.head, n = e || t, r = document.createElement("style"), o = (function(c) {
     var u = Array.from(c.querySelectorAll("style[".concat(se, "]")));
     return u[u.length - 1];
   })(n), s = o !== void 0 ? o.nextSibling : null;
-  r.setAttribute(se, tn), r.setAttribute(nn, Be);
-  var a = qr();
+  r.setAttribute(se, en), r.setAttribute(tn, Ge);
+  var a = Cr();
   return a && r.setAttribute("nonce", a), n.insertBefore(r, s), r;
-}, Ur = (function() {
+}, _r = (function() {
   function e(t) {
-    this.element = fn(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
+    this.element = dn(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
       if (n.sheet) return n.sheet;
       for (var r = document.styleSheets, o = 0, s = r.length; o < s; o++) {
         var a = r[o];
@@ -1349,9 +1118,9 @@ var fn = function(e) {
     var n = this.sheet.cssRules[t];
     return n && n.cssText ? n.cssText : "";
   }, e;
-})(), Wr = (function() {
+})(), jr = (function() {
   function e(t) {
-    this.element = fn(t), this.nodes = this.element.childNodes, this.length = 0;
+    this.element = dn(t), this.nodes = this.element.childNodes, this.length = 0;
   }
   return e.prototype.insertRule = function(t, n) {
     if (t <= this.length && t >= 0) {
@@ -1364,7 +1133,7 @@ var fn = function(e) {
   }, e.prototype.getRule = function(t) {
     return t < this.length ? this.nodes[t].textContent : "";
   }, e;
-})(), Br = (function() {
+})(), Ar = (function() {
   function e(t) {
     this.rules = [], this.length = 0;
   }
@@ -1375,32 +1144,32 @@ var fn = function(e) {
   }, e.prototype.getRule = function(t) {
     return t < this.length ? this.rules[t] : "";
   }, e;
-})(), It = ze, Gr = { isServer: !ze, useCSSOMInjection: !wr }, pn = (function() {
+})(), Nt = ze, Or = { isServer: !ze, useCSSOMInjection: !sr }, fn = (function() {
   function e(t, n, r) {
     t === void 0 && (t = de), n === void 0 && (n = {});
     var o = this;
-    this.options = M(M({}, Gr), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && ze && It && (It = !1, Nt(this)), ht(this, function() {
+    this.options = M(M({}, Or), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && ze && Nt && (Nt = !1, Ot(this)), mt(this, function() {
       return (function(s) {
         for (var a = s.getTag(), c = a.length, u = "", l = function(h) {
           var y = (function(A) {
             return Ve.get(A);
           })(h);
           if (y === void 0) return "continue";
-          var b = s.names.get(y), P = a.getGroup(h);
-          if (b === void 0 || !b.size || P.length === 0) return "continue";
-          var k = "".concat(se, ".g").concat(h, '[id="').concat(y, '"]'), D = "";
+          var b = s.names.get(y), T = a.getGroup(h);
+          if (b === void 0 || !b.size || T.length === 0) return "continue";
+          var P = "".concat(se, ".g").concat(h, '[id="').concat(y, '"]'), D = "";
           b !== void 0 && b.forEach(function(A) {
             A.length > 0 && (D += "".concat(A, ","));
-          }), u += "".concat(P).concat(k, '{content:"').concat(D, '"}').concat(ft);
+          }), u += "".concat(T).concat(P, '{content:"').concat(D, '"}').concat(pt);
         }, v = 0; v < c; v++) l(v);
         return u;
       })(o);
     });
   }
   return e.registerId = function(t) {
-    return je(t);
+    return Ae(t);
   }, e.prototype.rehydrate = function() {
-    !this.server && ze && Nt(this);
+    !this.server && ze && Ot(this);
   }, e.prototype.reconstructWithOptions = function(t, n) {
     return n === void 0 && (n = !0), new e(M(M({}, this.options), t), this.gs, n && this.names || void 0);
   }, e.prototype.allocateGSInstance = function(t) {
@@ -1408,59 +1177,59 @@ var fn = function(e) {
   }, e.prototype.getTag = function() {
     return this.tag || (this.tag = (t = (function(n) {
       var r = n.useCSSOMInjection, o = n.target;
-      return n.isServer ? new Br(o) : r ? new Ur(o) : new Wr(o);
-    })(this.options), new Dr(t)));
+      return n.isServer ? new Ar(o) : r ? new _r(o) : new jr(o);
+    })(this.options), new Sr(t)));
     var t;
   }, e.prototype.hasNameForId = function(t, n) {
     return this.names.has(t) && this.names.get(t).has(n);
   }, e.prototype.registerName = function(t, n) {
-    if (je(t), this.names.has(t)) this.names.get(t).add(n);
+    if (Ae(t), this.names.has(t)) this.names.get(t).add(n);
     else {
       var r = /* @__PURE__ */ new Set();
       r.add(n), this.names.set(t, r);
     }
   }, e.prototype.insertRules = function(t, n, r) {
-    this.registerName(t, n), this.getTag().insertRules(je(t), r);
+    this.registerName(t, n), this.getTag().insertRules(Ae(t), r);
   }, e.prototype.clearNames = function(t) {
     this.names.has(t) && this.names.get(t).clear();
   }, e.prototype.clearRules = function(t) {
-    this.getTag().clearGroup(je(t)), this.clearNames(t);
+    this.getTag().clearGroup(Ae(t)), this.clearNames(t);
   }, e.prototype.clearTag = function() {
     this.tag = void 0;
   }, e;
-})(), Hr = /&/g, Xr = /^\s*\/\/.*$/gm;
-function hn(e, t) {
+})(), Nr = /&/g, Ir = /^\s*\/\/.*$/gm;
+function pn(e, t) {
   return e.map(function(n) {
     return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) {
       return "".concat(t, " ").concat(r);
-    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = hn(n.children, t)), n;
+    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = pn(n.children, t)), n;
   });
 }
-function Jr(e) {
-  var t, n, r, o = de, s = o.options, a = s === void 0 ? de : s, c = o.plugins, u = c === void 0 ? Ge : c, l = function(y, b, P) {
-    return P.startsWith(n) && P.endsWith(n) && P.replaceAll(n, "").length > 0 ? ".".concat(t) : y;
+function Lr(e) {
+  var t, n, r, o = de, s = o.options, a = s === void 0 ? de : s, c = o.plugins, u = c === void 0 ? He : c, l = function(y, b, T) {
+    return T.startsWith(n) && T.endsWith(n) && T.replaceAll(n, "").length > 0 ? ".".concat(t) : y;
   }, v = u.slice();
   v.push(function(y) {
-    y.type === Ye && y.value.includes("&") && (y.props[0] = y.props[0].replace(Hr, n).replace(r, l));
-  }), a.prefix && v.push(vr), v.push(mr);
-  var h = function(y, b, P, k) {
-    b === void 0 && (b = ""), P === void 0 && (P = ""), k === void 0 && (k = "&"), t = k, n = b, r = new RegExp("\\".concat(n, "\\b"), "g");
-    var D = y.replace(Xr, ""), A = pr(P || b ? "".concat(P, " ").concat(b, " { ").concat(D, " }") : D);
-    a.namespace && (A = hn(A, a.namespace));
-    var C = [];
-    return Me(A, gr(v.concat(yr(function(x) {
-      return C.push(x);
-    })))), C;
+    y.type === qe && y.value.includes("&") && (y.props[0] = y.props[0].replace(Nr, n).replace(r, l));
+  }), a.prefix && v.push(rr), v.push(er);
+  var h = function(y, b, T, P) {
+    b === void 0 && (b = ""), T === void 0 && (T = ""), P === void 0 && (P = "&"), t = P, n = b, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var D = y.replace(Ir, ""), A = Kn(T || b ? "".concat(T, " ").concat(b, " { ").concat(D, " }") : D);
+    a.namespace && (A = pn(A, a.namespace));
+    var _ = [];
+    return Me(A, tr(v.concat(nr(function(x) {
+      return _.push(x);
+    })))), _;
   };
   return h.hash = u.length ? u.reduce(function(y, b) {
     return b.name || me(15), ee(y, b.name);
-  }, rn).toString() : "", h;
+  }, nn).toString() : "", h;
 }
-var Zr = new pn(), at = Jr(), mn = B.createContext({ shouldForwardProp: void 0, styleSheet: Zr, stylis: at });
-mn.Consumer;
+var Dr = new fn(), at = Lr(), hn = B.createContext({ shouldForwardProp: void 0, styleSheet: Dr, stylis: at });
+hn.Consumer;
 B.createContext(void 0);
-function Lt() {
-  return Vt(mn);
+function It() {
+  return qt(hn);
 }
 var ct = (function() {
   function e(t, n) {
@@ -1469,57 +1238,57 @@ var ct = (function() {
       s === void 0 && (s = at);
       var a = r.name + s.hash;
       o.hasNameForId(r.id, a) || o.insertRules(r.id, a, s(r.rules, a, "@keyframes"));
-    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, ht(this, function() {
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, mt(this, function() {
       throw me(12, String(r.name));
     });
   }
   return e.prototype.getName = function(t) {
     return t === void 0 && (t = at), this.name + t.hash;
   }, e;
-})(), Kr = function(e) {
+})(), Fr = function(e) {
   return e >= "A" && e <= "Z";
 };
-function Dt(e) {
+function Lt(e) {
   for (var t = "", n = 0; n < e.length; n++) {
     var r = e[n];
     if (n === 1 && r === "-" && e[0] === "-") return e;
-    Kr(r) ? t += "-" + r.toLowerCase() : t += r;
+    Fr(r) ? t += "-" + r.toLowerCase() : t += r;
   }
   return t.startsWith("ms-") ? "-" + t : t;
 }
-var gn = function(e) {
+var mn = function(e) {
   return e == null || e === !1 || e === "";
-}, yn = function(e) {
+}, gn = function(e) {
   var t, n, r = [];
   for (var o in e) {
     var s = e[o];
-    e.hasOwnProperty(o) && !gn(s) && (Array.isArray(s) && s.isCss || fe(s) ? r.push("".concat(Dt(o), ":"), s, ";") : pe(s) ? r.push.apply(r, oe(oe(["".concat(o, " {")], yn(s), !1), ["}"], !1)) : r.push("".concat(Dt(o), ": ").concat((t = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in br || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+    e.hasOwnProperty(o) && !mn(s) && (Array.isArray(s) && s.isCss || fe(s) ? r.push("".concat(Lt(o), ":"), s, ";") : pe(s) ? r.push.apply(r, oe(oe(["".concat(o, " {")], gn(s), !1), ["}"], !1)) : r.push("".concat(Lt(o), ": ").concat((t = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in or || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
   }
   return r;
 };
 function re(e, t, n, r) {
-  if (gn(e)) return [];
-  if (pt(e)) return [".".concat(e.styledComponentId)];
+  if (mn(e)) return [];
+  if (ht(e)) return [".".concat(e.styledComponentId)];
   if (fe(e)) {
     if (!fe(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
     var o = e(t);
-    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof ct || pe(o) || o === null || console.error("".concat(an(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), re(o, t, n, r);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof ct || pe(o) || o === null || console.error("".concat(sn(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), re(o, t, n, r);
   }
   var s;
-  return e instanceof ct ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : pe(e) ? yn(e) : Array.isArray(e) ? Array.prototype.concat.apply(Ge, e.map(function(a) {
+  return e instanceof ct ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : pe(e) ? gn(e) : Array.isArray(e) ? Array.prototype.concat.apply(He, e.map(function(a) {
     return re(a, t, n, r);
   })) : [e.toString()];
 }
-function Qr(e) {
+function $r(e) {
   for (var t = 0; t < e.length; t += 1) {
     var n = e[t];
-    if (fe(n) && !pt(n)) return !1;
+    if (fe(n) && !ht(n)) return !1;
   }
   return !0;
 }
-var eo = on(Be), to = (function() {
+var Mr = rn(Ge), zr = (function() {
   function e(t, n, r) {
-    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && Qr(t), this.componentId = n, this.baseHash = ee(eo, n), this.baseStyle = r, pn.registerId(n);
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && $r(t), this.componentId = n, this.baseHash = ee(Mr, n), this.baseStyle = r, fn.registerId(n);
   }
   return e.prototype.generateAndInjectStyles = function(t, n, r) {
     var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
@@ -1548,64 +1317,64 @@ var eo = on(Be), to = (function() {
     }
     return o;
   }, e;
-})(), vn = B.createContext(void 0);
-vn.Consumer;
-var Ke = {}, Ft = /* @__PURE__ */ new Set();
-function no(e, t, n) {
-  var r = pt(e), o = e, s = !Ze(e), a = t.attrs, c = a === void 0 ? Ge : a, u = t.componentId, l = u === void 0 ? (function(R, d) {
-    var S = typeof R != "string" ? "sc" : Ct(R);
-    Ke[S] = (Ke[S] || 0) + 1;
-    var m = "".concat(S, "-").concat(sn(Be + S + Ke[S]));
-    return d ? "".concat(d, "-").concat(m) : m;
+})(), yn = B.createContext(void 0);
+yn.Consumer;
+var Qe = {}, Dt = /* @__PURE__ */ new Set();
+function Vr(e, t, n) {
+  var r = ht(e), o = e, s = !Ke(e), a = t.attrs, c = a === void 0 ? He : a, u = t.componentId, l = u === void 0 ? (function(R, f) {
+    var S = typeof R != "string" ? "sc" : Tt(R);
+    Qe[S] = (Qe[S] || 0) + 1;
+    var m = "".concat(S, "-").concat(on(Ge + S + Qe[S]));
+    return f ? "".concat(f, "-").concat(m) : m;
   })(t.displayName, t.parentComponentId) : u, v = t.displayName, h = v === void 0 ? (function(R) {
-    return Ze(R) ? "styled.".concat(R) : "Styled(".concat(an(R), ")");
-  })(e) : v, y = t.displayName && t.componentId ? "".concat(Ct(t.displayName), "-").concat(t.componentId) : t.componentId || l, b = r && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, P = t.shouldForwardProp;
+    return Ke(R) ? "styled.".concat(R) : "Styled(".concat(sn(R), ")");
+  })(e) : v, y = t.displayName && t.componentId ? "".concat(Tt(t.displayName), "-").concat(t.componentId) : t.componentId || l, b = r && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, T = t.shouldForwardProp;
   if (r && o.shouldForwardProp) {
-    var k = o.shouldForwardProp;
+    var P = o.shouldForwardProp;
     if (t.shouldForwardProp) {
       var D = t.shouldForwardProp;
-      P = function(R, d) {
-        return k(R, d) && D(R, d);
+      T = function(R, f) {
+        return P(R, f) && D(R, f);
       };
-    } else P = k;
+    } else T = P;
   }
-  var A = new to(n, y, r ? o.componentStyle : void 0);
-  function C(R, d) {
+  var A = new zr(n, y, r ? o.componentStyle : void 0);
+  function _(R, f) {
     return (function(S, m, q) {
-      var X = S.attrs, He = S.componentStyle, ge = S.defaultProps, ke = S.foldedComponentIds, Re = S.styledComponentId, ye = S.target, Pe = B.useContext(vn), Te = Lt(), ie = S.shouldForwardProp || Te.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && yt(Re);
-      var ve = xr(m, Pe, ge) || de, z = (function(F, G, J) {
+      var X = S.attrs, Xe = S.componentStyle, ge = S.defaultProps, Ee = S.foldedComponentIds, Pe = S.styledComponentId, ye = S.target, Re = B.useContext(yn), Te = It(), ie = S.shouldForwardProp || Te.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && bt(Pe);
+      var ve = ar(m, Re, ge) || de, z = (function(F, G, J) {
         for (var O, $ = M(M({}, G), { className: void 0, theme: J }), Q = 0; Q < F.length; Q += 1) {
           var ae = fe(O = F[Q]) ? O($) : O;
           for (var Z in ae) $[Z] = Z === "className" ? te($[Z], ae[Z]) : Z === "style" ? M(M({}, $[Z]), ae[Z]) : ae[Z];
         }
         return G.className && ($.className = te($.className, G.className)), $;
       })(X, m, ve), i = z.as || ye, p = {};
-      for (var w in z) z[w] === void 0 || w[0] === "$" || w === "as" || w === "theme" && z.theme === ve || (w === "forwardedAs" ? p.as = z.forwardedAs : ie && !ie(w, i) || (p[w] = z[w], ie || process.env.NODE_ENV !== "development" || er(w) || Ft.has(w) || !rt.has(i) || (Ft.add(w), console.warn('styled-components: it looks like an unknown prop "'.concat(w, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
+      for (var w in z) z[w] === void 0 || w[0] === "$" || w === "as" || w === "theme" && z.theme === ve || (w === "forwardedAs" ? p.as = z.forwardedAs : ie && !ie(w, i) || (p[w] = z[w], ie || process.env.NODE_ENV !== "development" || Mn(w) || Dt.has(w) || !rt.has(i) || (Dt.add(w), console.warn('styled-components: it looks like an unknown prop "'.concat(w, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var N = (function(F, G) {
-        var J = Lt(), O = F.generateAndInjectStyles(G, J.styleSheet, J.stylis);
-        return process.env.NODE_ENV !== "production" && yt(O), O;
-      })(He, z);
+        var J = It(), O = F.generateAndInjectStyles(G, J.styleSheet, J.stylis);
+        return process.env.NODE_ENV !== "production" && bt(O), O;
+      })(Xe, z);
       process.env.NODE_ENV !== "production" && S.warnTooManyClasses && S.warnTooManyClasses(N);
-      var V = te(ke, Re);
-      return N && (V += " " + N), z.className && (V += " " + z.className), p[Ze(i) && !rt.has(i) ? "class" : "className"] = V, q && (p.ref = q), Pn(i, p);
-    })(x, R, d);
+      var V = te(Ee, Pe);
+      return N && (V += " " + N), z.className && (V += " " + z.className), p[Ke(i) && !rt.has(i) ? "class" : "className"] = V, q && (p.ref = q), Cn(i, p);
+    })(x, R, f);
   }
-  C.displayName = h;
-  var x = B.forwardRef(C);
-  return x.attrs = b, x.componentStyle = A, x.displayName = h, x.shouldForwardProp = P, x.foldedComponentIds = r ? te(o.foldedComponentIds, o.styledComponentId) : "", x.styledComponentId = y, x.target = r ? o.target : e, Object.defineProperty(x, "defaultProps", { get: function() {
+  _.displayName = h;
+  var x = B.forwardRef(_);
+  return x.attrs = b, x.componentStyle = A, x.displayName = h, x.shouldForwardProp = T, x.foldedComponentIds = r ? te(o.foldedComponentIds, o.styledComponentId) : "", x.styledComponentId = y, x.target = r ? o.target : e, Object.defineProperty(x, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(R) {
-    this._foldedDefaultProps = r ? (function(d) {
+    this._foldedDefaultProps = r ? (function(f) {
       for (var S = [], m = 1; m < arguments.length; m++) S[m - 1] = arguments[m];
-      for (var q = 0, X = S; q < X.length; q++) it(d, X[q], !0);
-      return d;
+      for (var q = 0, X = S; q < X.length; q++) it(f, X[q], !0);
+      return f;
     })({}, o.defaultProps, R) : R;
-  } }), process.env.NODE_ENV !== "production" && (Sr(h, y), x.warnTooManyClasses = /* @__PURE__ */ (function(R, d) {
+  } }), process.env.NODE_ENV !== "production" && (ir(h, y), x.warnTooManyClasses = /* @__PURE__ */ (function(R, f) {
     var S = {}, m = !1;
     return function(q) {
       if (!m && (S[q] = !0, Object.keys(S).length >= 200)) {
-        var X = d ? ' with the id of "'.concat(d, '"') : "";
+        var X = f ? ' with the id of "'.concat(f, '"') : "";
         console.warn("Over ".concat(200, " classes were generated for component ").concat(R).concat(X, `.
 `) + `Consider using the attrs method, together with a style object for frequently changed styles.
 Example:
@@ -1618,28 +1387,28 @@ Example:
   <Component />`), m = !0, S = {};
       }
     };
-  })(h, y)), ht(x, function() {
+  })(h, y)), mt(x, function() {
     return ".".concat(x.styledComponentId);
-  }), s && dn(x, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), x;
+  }), s && un(x, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), x;
 }
-function $t(e, t) {
+function Ft(e, t) {
   for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
   return n;
 }
-var Mt = function(e) {
+var $t = function(e) {
   return Object.assign(e, { isCss: !0 });
 };
-function bn(e) {
+function vn(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-  if (fe(e) || pe(e)) return Mt(re($t(Ge, oe([e], t, !0))));
+  if (fe(e) || pe(e)) return $t(re(Ft(He, oe([e], t, !0))));
   var r = e;
-  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? re(r) : Mt(re($t(r, t)));
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? re(r) : $t(re(Ft(r, t)));
 }
 function lt(e, t, n) {
   if (n === void 0 && (n = de), !t) throw me(1, t);
   var r = function(o) {
     for (var s = [], a = 1; a < arguments.length; a++) s[a - 1] = arguments[a];
-    return e(t, n, bn.apply(void 0, oe([o], s, !1)));
+    return e(t, n, vn.apply(void 0, oe([o], s, !1)));
   };
   return r.attrs = function(o) {
     return lt(e, t, M(M({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
@@ -1647,16 +1416,16 @@ function lt(e, t, n) {
     return lt(e, t, M(M({}, n), o));
   }, r;
 }
-var wn = function(e) {
-  return lt(no, e);
-}, T = wn;
+var bn = function(e) {
+  return lt(Vr, e);
+}, C = bn;
 rt.forEach(function(e) {
-  T[e] = wn(e);
+  C[e] = bn(e);
 });
-function ro(e) {
+function Yr(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
   process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var r = st(bn.apply(void 0, oe([e], t, !1))), o = sn(r);
+  var r = st(vn.apply(void 0, oe([e], t, !1))), o = on(r);
   return new ct(o, r);
 }
 process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
@@ -1666,32 +1435,306 @@ var Oe = "__sc-".concat(se, "__");
 process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[Oe] || (window[Oe] = 0), window[Oe] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
 
 See https://s-c.sh/2BAXzed for more info.`), window[Oe] += 1);
-const oo = Yt(() => import("./player-hls-tech-BKkTLteW.js")), so = Yt(() => import("./player-dash-tech-XlldPZU_.js"));
-function Sn({ url: e, isLive: t, isMuted: n = !1 }) {
-  const r = j((d) => d.handleDurationChange), o = j((d) => d.handleEnd), s = j((d) => d.handleLoadedMetadata), a = j((d) => d.handleLoadStart), c = j((d) => d.handlePause), u = j((d) => d.handlePlay), l = j((d) => d.handlePlaying), v = j((d) => d.handleSeeked), h = j((d) => d.handleSeeking), y = j((d) => d.handleTimeUpdate), b = j((d) => d.handleWaiting), P = j((d) => d.techRef), k = xe(null), D = () => t ? {} : {
+function gt({ ...e }) {
+  return /* @__PURE__ */ d.jsx(qr, { ...e });
+}
+const qr = C.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: 0;
+  width: 2.25rem;
+  height: 2.25rem;
+  cursor: pointer;
+  color: white;
+  background: none;
+  border: none;
+  border-radius: 50%;
+  transition: background 0.2s ease-in-out;
+
+  svg {
+    width: 1.25rem;
+    height: 1.25rem;
+    flex-shrink: 0;
+  }
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.1);
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`, Mt = (e) => {
+  let t;
+  const n = /* @__PURE__ */ new Set(), r = (l, v) => {
+    const h = typeof l == "function" ? l(t) : l;
+    if (!Object.is(h, t)) {
+      const y = t;
+      t = v ?? (typeof h != "object" || h === null) ? h : Object.assign({}, t, h), n.forEach((b) => b(t, y));
+    }
+  }, o = () => t, c = { setState: r, getState: o, getInitialState: () => u, subscribe: (l) => (n.add(l), () => n.delete(l)) }, u = t = e(r, o, c);
+  return c;
+}, Ur = ((e) => e ? Mt(e) : Mt), Wr = (e) => e;
+function wn(e, t = Wr) {
+  const n = B.useSyncExternalStore(
+    e.subscribe,
+    B.useCallback(() => t(e.getState()), [e, t]),
+    B.useCallback(() => t(e.getInitialState()), [e, t])
+  );
+  return B.useDebugValue(n), n;
+}
+const zt = (e) => {
+  const t = Ur(e), n = (r) => wn(t, r);
+  return Object.assign(n, t), n;
+}, Br = ((e) => e ? zt(e) : zt);
+function Gr(e, t, n) {
+  const r = {
+    days: 86400,
+    hours: 3600,
+    minutes: 60,
+    seconds: 1,
+    milliseconds: 1e-3
+  };
+  return e * (r[t] / r[n]);
+}
+function Hr(e) {
+  return Gr(e, "milliseconds", "seconds");
+}
+const Vt = (e) => {
+  const t = Math.floor(e / 60), n = Math.floor(e % 60);
+  return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+};
+function Xr(e) {
+  const t = typeof window < "u" && window.navigator?.userAgent || "";
+  return e.test(t);
+}
+const Sn = Xr(/iPhone|iPad|iPod/i);
+function Jr() {
+  const e = document;
+  return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
+}
+function Zr(e) {
+  e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
+}
+function Kr(e) {
+  e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
+}
+function Qr(e, t) {
+  return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
+    e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
+  };
+}
+const eo = (e, t) => ({
+  currentTime: 0,
+  duration: 0,
+  isEnded: !1,
+  isLoading: !1,
+  isLoop: !1,
+  isMetaLoaded: !1,
+  isPlaying: !1,
+  isReady: !1,
+  isStarted: !1,
+  pauseTime: 0,
+  seekTime: -1,
+  startTime: -1,
+  volume: 100,
+  destroy: () => {
+  },
+  handleDurationChange: () => {
+    const n = t().techRef.current;
+    n && e({ duration: n.duration });
+  },
+  handleEnd: () => {
+    t().techRef.current && e({
+      isEnded: !0,
+      isLoading: !1,
+      isMetaLoaded: !1,
+      isPlaying: !1
+    });
+  },
+  handleLoadedMetadata: () => {
+    const n = t().techRef.current;
+    n && (n.loop = t().isLoop, n.volume = n.muted ? 0 : 1, t().startTime !== -1 && (n.currentTime = t().startTime), e({
+      currentTime: t().startTime !== -1 ? t().startTime : n.currentTime,
+      duration: n.duration,
+      startTime: -1,
+      isMetaLoaded: !0,
+      volume: n.muted ? 0 : 100
+    }));
+  },
+  handleLoadStart: () => {
+    const n = t().techRef.current;
+    n && (e({ isReady: !0 }), n.play().then(() => {
+      e({
+        isEnded: !1,
+        isLoading: !1,
+        isPlaying: !0,
+        isStarted: !0,
+        pauseTime: 0
+      });
+    }).catch(
+      (r) => e(() => (console.info("Player failed to autoplay", r), {
+        isStarted: !1,
+        isEnded: !1,
+        isLoading: !1,
+        isPlaying: !1
+      }))
+    ));
+  },
+  handlePause: () => e({
+    isPlaying: !1,
+    pauseTime: Date.now()
+  }),
+  handlePlay: () => e({
+    isPlaying: !0,
+    pauseTime: 0
+  }),
+  handlePlaying: () => e({ isLoading: !1 }),
+  handleSeeked: () => e({ isLoading: !1 }),
+  handleSeeking: () => e({ isLoading: !0 }),
+  handleTimeUpdate: () => {
+    const n = t().techRef.current;
+    n && e({ currentTime: n.currentTime });
+  },
+  handleWaiting: () => e({ isLoading: !0 }),
+  pause: () => {
+    const n = t().techRef.current;
+    n && (n.pause(), e({
+      isEnded: !1,
+      isPlaying: !1,
+      pauseTime: Date.now()
+    }));
+  },
+  pauseTimeDiff: () => Hr(Date.now() - t().pauseTime),
+  play: () => {
+    const n = t().techRef.current;
+    n && (n.play(), e({
+      isEnded: !1,
+      isPlaying: !0,
+      isStarted: !0,
+      pauseTime: 0
+    }));
+  },
+  seek: (n) => {
+    const r = t().techRef.current;
+    r && (r.currentTime = n, (r.paused || r.ended) && r.play(), e({
+      seekTime: -1,
+      currentTime: n,
+      isStarted: !0,
+      isEnded: !1,
+      isPlaying: !0
+    }));
+  },
+  setIsLoading: (n) => e({ isLoading: n }),
+  setIsLoop: (n) => {
+    const r = t().techRef.current;
+    r && (r.loop = n, e({ isLoop: n }));
+  },
+  setStartTime: (n) => e({ startTime: n }),
+  setVolume: (n) => {
+    const r = t().techRef.current;
+    r && (r.muted = n === 0, r.volume = n / 100, e({ volume: n }));
+  },
+  stop: () => {
+    t().techRef.current && e({
+      isPlaying: !1,
+      isLoading: !1
+    });
+  }
+}), to = (e) => ({
+  idleLocks: /* @__PURE__ */ new Set(),
+  addIdleLock: (t) => e((n) => ({
+    idleLocks: new Set(n.idleLocks).add(t)
+  })),
+  removeIdleLock: (t) => e((n) => {
+    const r = new Set(n.idleLocks);
+    return r.delete(t), { idleLocks: r };
+  })
+}), no = (e, t) => ({
+  isFullscreen: !1,
+  isFullscreenReady: !1,
+  exitFullscreen: () => {
+    Kr(document), e({ isFullscreen: !1 });
+  },
+  requestFullscreen: () => {
+    const n = t().techRef.current, r = t().containerRef.current;
+    if (!n || !r) return;
+    const o = Sn ? n : r;
+    o && Zr(o), e({ isFullscreen: !0 });
+  },
+  setIsFullscreen: (n) => e({ isFullscreen: n }),
+  setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
+}), ro = (e) => ({
+  url: "",
+  setURL: (t) => e({ url: t })
+}), oo = (e) => () => ({
+  ...e
+}), so = (e, t) => Br()((...n) => ({
+  ...eo(...n),
+  ...to(...n),
+  ...no(...n),
+  ...ro(...n),
+  ...oo({ techRef: e, containerRef: t })(...n)
+})), xn = _n(null), io = ({ children: e }) => {
+  const t = xe(null), n = xe(null), r = xe(null);
+  return t.current || (t.current = so(n, r)), /* @__PURE__ */ d.jsx(xn.Provider, { value: t.current, children: e });
+}, E = (e) => {
+  const t = qt(xn);
+  if (!t)
+    throw new Error("usePlayerStore must be used within PlayerStoreProvider");
+  return wn(t, e);
+};
+function ao() {
+  const [e, t] = ut(!1), n = E((a) => a.isPlaying), r = E((a) => a.isStarted), o = E((a) => a.play), s = () => {
+    n || o();
+  };
+  return $e(() => {
+    t(!r && !n);
+  }, [r, n]), e ? /* @__PURE__ */ d.jsx(gt, { onClick: s, children: n ? /* @__PURE__ */ d.jsx(Wt, {}) : /* @__PURE__ */ d.jsx(Bt, {}) }) : null;
+}
+function kn({ children: e }) {
+  return /* @__PURE__ */ d.jsx(io, { children: e });
+}
+const Ye = {
+  hls: "hls",
+  dash: "dash"
+};
+function co(e) {
+  return e && /\.m3u8/i.test(e) ? Ye.hls : Ye.dash;
+}
+const lo = Ut(() => import("./player-hls-tech-sXKjWi4D.js")), uo = Ut(() => import("./player-dash-tech-D7KQCWFx.js"));
+function En({ url: e, isLive: t, isMuted: n = !1 }) {
+  const r = E((f) => f.handleDurationChange), o = E((f) => f.handleEnd), s = E((f) => f.handleLoadedMetadata), a = E((f) => f.handleLoadStart), c = E((f) => f.handlePause), u = E((f) => f.handlePlay), l = E((f) => f.handlePlaying), v = E((f) => f.handleSeeked), h = E((f) => f.handleSeeking), y = E((f) => f.handleTimeUpdate), b = E((f) => f.handleWaiting), T = E((f) => f.techRef), P = xe(null), D = () => t ? {} : {
     onDurationChange: r,
     onSeeked: v,
     onSeeking: h,
     onTimeUpdate: A
   }, A = () => {
-    (!k.current || Date.now() - k.current >= 1e3) && (y(), k.current = Date.now());
+    (!P.current || Date.now() - P.current >= 1e3) && (y(), P.current = Date.now());
   }, x = (() => {
-    switch (Zn(e)) {
-      case $e.hls:
-        return oo;
-      case $e.dash:
-        return so;
+    switch (co(e)) {
+      case Ye.hls:
+        return lo;
+      case Ye.dash:
+        return uo;
     }
     return null;
   })();
   if (!x) return null;
   const R = D();
-  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-    /* @__PURE__ */ f.jsx(Tn, { fallback: null, children: /* @__PURE__ */ f.jsx(x, { isLive: t, url: e }) }),
-    /* @__PURE__ */ f.jsx(
-      io,
+  return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+    /* @__PURE__ */ d.jsx(jn, { fallback: null, children: /* @__PURE__ */ d.jsx(x, { isLive: t, url: e }) }),
+    /* @__PURE__ */ d.jsx(
+      fo,
       {
-        ref: P,
+        ref: T,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -1711,7 +1754,7 @@ function Sn({ url: e, isLive: t, isMuted: n = !1 }) {
     )
   ] });
 }
-const io = T.video`
+const fo = C.video`
   position: relative;
   width: 100%;
   height: 100%;
@@ -1719,65 +1762,37 @@ const io = T.video`
   @media (min-width: 768px) {
     pointer-events: none;
   }
-`;
-function ao({ ...e }) {
-  return /* @__PURE__ */ f.jsx(co, { ...e });
-}
-const co = T.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.25rem;
-  height: 2.25rem;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  color: white;
-  background: none;
-  border: none;
-  border-radius: 50%;
-  transition: background 0.2s ease-in-out;
-
-  svg {
-    width: 1.25rem;
-    height: 1.25rem;
-    flex-shrink: 0;
-  }
-
-  &:hover {
-    background: rgba(0, 0, 0, 0.1);
-  }
-`, xn = () => {
-  const e = j((l) => l.containerRef), t = j((l) => l.exitFullscreen), n = j((l) => l.isFullscreen), r = j((l) => l.requestFullscreen), o = j((l) => l.setIsFullscreen), s = j((l) => l.setIsFullscreenReady), a = j((l) => l.techRef), c = Cn(
+`, Pn = () => {
+  const e = E((l) => l.containerRef), t = E((l) => l.exitFullscreen), n = E((l) => l.isFullscreen), r = E((l) => l.requestFullscreen), o = E((l) => l.setIsFullscreen), s = E((l) => l.setIsFullscreenReady), a = E((l) => l.techRef), c = An(
     (l) => {
-      l.stopPropagation(), o(zn());
+      l.stopPropagation(), o(Jr());
     },
     [o]
   ), u = () => {
     n ? t() : r();
   };
-  return Qe(() => {
-    const l = Wt ? a.current : e.current;
+  return $e(() => {
+    const l = Sn ? a.current : e.current;
     if (l)
-      return qn(l, c);
-  }, [e, c, a]), Qe(() => {
+      return Qr(l, c);
+  }, [e, c, a]), $e(() => {
     s(!0);
-  }, [s]), /* @__PURE__ */ f.jsx(ao, { onClick: u, children: n ? /* @__PURE__ */ f.jsx(_n, {}) : /* @__PURE__ */ f.jsx(An, {}) });
+  }, [s]), /* @__PURE__ */ d.jsx(gt, { onClick: u, children: n ? /* @__PURE__ */ d.jsx(On, {}) : /* @__PURE__ */ d.jsx(Nn, {}) });
 };
-function lo(e, t = 500) {
-  const [n, r] = qt(e);
-  return Qe(() => {
+function po(e, t = 500) {
+  const [n, r] = ut(e);
+  return $e(() => {
     const o = window.setTimeout(() => r(e), t);
     return () => {
       window.clearTimeout(o);
     };
   }, [e, t]), n;
 }
-function En({ style: e, ...t }) {
-  const n = j((o) => o.isLoading);
-  return lo(n, 50) ? /* @__PURE__ */ f.jsx(uo, { style: e, ...t, children: /* @__PURE__ */ f.jsx(po, {}) }) : null;
+function Rn({ style: e, ...t }) {
+  const n = E((o) => o.isLoading);
+  return po(n, 50) ? /* @__PURE__ */ d.jsx(ho, { style: e, ...t, children: /* @__PURE__ */ d.jsx(go, {}) }) : null;
 }
-const uo = T.div`
+const ho = C.div`
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -1789,37 +1804,37 @@ const uo = T.div`
   height: 100%;
   align-items: center;
   justify-content: center;
-`, fo = ro`
+`, mo = Yr`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, po = T.div`
+`, go = C.div`
   width: 2rem;
   height: 2rem;
   border: 0.25rem solid #fff;
   border-bottom-color: transparent;
   border-radius: 50%;
-  animation: ${fo} 1s linear infinite;
+  animation: ${mo} 1s linear infinite;
 `;
-function $o(e) {
-  return /* @__PURE__ */ f.jsx(Gt, { children: /* @__PURE__ */ f.jsx(ho, { ...e }) });
-}
-function ho({ url: e }) {
-  const t = j((n) => n.containerRef);
-  return /* @__PURE__ */ f.jsxs(mo, { ref: t, children: [
-    /* @__PURE__ */ f.jsx(Sn, { url: e, isLive: !0 }),
-    /* @__PURE__ */ f.jsx(En, {}),
-    /* @__PURE__ */ f.jsx(go, { children: /* @__PURE__ */ f.jsx(yo, { children: /* @__PURE__ */ f.jsxs(vo, { children: [
-      /* @__PURE__ */ f.jsx(bo, {}),
-      /* @__PURE__ */ f.jsx(wo, {}),
-      /* @__PURE__ */ f.jsx(So, { children: /* @__PURE__ */ f.jsx(xn, {}) })
+function Yo(e) {
+  return /* @__PURE__ */ d.jsx(kn, { children: /* @__PURE__ */ d.jsx(yo, { ...e }) });
+}
+function yo({ url: e }) {
+  const t = E((n) => n.containerRef);
+  return /* @__PURE__ */ d.jsxs(vo, { ref: t, children: [
+    /* @__PURE__ */ d.jsx(En, { url: e, isLive: !0 }),
+    /* @__PURE__ */ d.jsx(Rn, {}),
+    /* @__PURE__ */ d.jsx(bo, { children: /* @__PURE__ */ d.jsx(wo, { children: /* @__PURE__ */ d.jsxs(So, { children: [
+      /* @__PURE__ */ d.jsx(xo, { children: /* @__PURE__ */ d.jsx(ao, {}) }),
+      /* @__PURE__ */ d.jsx(ko, {}),
+      /* @__PURE__ */ d.jsx(Eo, { children: /* @__PURE__ */ d.jsx(Pn, {}) })
     ] }) }) })
   ] });
 }
-const mo = T.div`
+const vo = C.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1828,7 +1843,7 @@ const mo = T.div`
   background-color: black;
   color: white;
   overflow: hidden;
-`, go = T.div`
+`, bo = C.div`
   position: absolute;
   left: 0;
   width: 100%;
@@ -1840,7 +1855,7 @@ const mo = T.div`
   @media (min-width: 768px) {
     padding-top: 2rem;
   }
-`, yo = T.div`
+`, wo = C.div`
   display: flex;
   flex-direction: column;
   padding-left: 0.5rem;
@@ -1852,12 +1867,12 @@ const mo = T.div`
     padding-left: 1rem;
     padding-right: 1rem;
   }
-`, vo = T.div`
+`, So = C.div`
   margin: auto 0;
   display: flex;
   width: 100%;
   align-items: center;
-`, mt = T.div`
+`, yt = C.div`
   display: flex;
   flex: 1;
   align-items: center;
@@ -1866,59 +1881,65 @@ const mo = T.div`
   @media (min-width: 768px) {
     gap: 1rem;
   }
-`, bo = T(mt)`
+`, xo = C(yt)`
   justify-content: flex-start;
-`, wo = T(mt)`
+`, ko = C(yt)`
   justify-content: center;
-`, So = T(mt)`
+`, Eo = C(yt)`
   justify-content: flex-end;
 `;
-function xo(e) {
+function Po() {
+  const e = E((o) => o.isPlaying), t = E((o) => o.pause), n = E((o) => o.play), r = () => {
+    e ? t() : n();
+  };
+  return /* @__PURE__ */ d.jsx(gt, { onClick: r, children: e ? /* @__PURE__ */ d.jsx(Wt, {}) : /* @__PURE__ */ d.jsx(Bt, {}) });
+}
+function Ro(e) {
   return null;
 }
-function Eo() {
-  const [e, t] = qt(-1), n = j((s) => s.currentTime), r = j((s) => s.duration), o = parseFloat(
+function To() {
+  const [e, t] = ut(-1), n = E((s) => s.currentTime), r = E((s) => s.duration), o = parseFloat(
     (r ? (e !== -1 ? e : n) / r * 100 : 0).toFixed(1)
   );
-  return /* @__PURE__ */ f.jsxs(ko, { children: [
-    /* @__PURE__ */ f.jsx(zt, { children: /* @__PURE__ */ f.jsx(Po, { children: Et(n) }) }),
-    /* @__PURE__ */ f.jsx(Ro, { children: /* @__PURE__ */ f.jsx(xo, { value: o, step: 0.1 }) }),
-    /* @__PURE__ */ f.jsx(zt, { children: /* @__PURE__ */ f.jsx(To, { children: Et(r) }) })
+  return /* @__PURE__ */ d.jsxs(Co, { children: [
+    /* @__PURE__ */ d.jsx(Yt, { children: /* @__PURE__ */ d.jsx(jo, { children: Vt(n) }) }),
+    /* @__PURE__ */ d.jsx(_o, { children: /* @__PURE__ */ d.jsx(Ro, { value: o, step: 0.1 }) }),
+    /* @__PURE__ */ d.jsx(Yt, { children: /* @__PURE__ */ d.jsx(Ao, { children: Vt(r) }) })
   ] });
 }
-const ko = T.div`
+const Co = C.div`
   display: flex;
   align-items: center;
-`, zt = T.div``, Ro = T.div`
+`, Yt = C.div``, _o = C.div`
   flex: 1;
-`, kn = T.p`
+`, Tn = C.p`
   margin: 0;
   color: #fff;
   font-size: 0.875rem;
-`, Po = T(kn)`
+`, jo = C(Tn)`
   padding-left: 0.25rem;
-`, To = T(kn)`
+`, Ao = C(Tn)`
   padding-right: 0.25rem;
 `;
-function Mo(e) {
-  return /* @__PURE__ */ f.jsx(Gt, { children: /* @__PURE__ */ f.jsx(Co, { ...e }) });
-}
-function Co({ url: e }) {
-  const t = j((n) => n.containerRef);
-  return /* @__PURE__ */ f.jsxs(_o, { ref: t, children: [
-    /* @__PURE__ */ f.jsx(Sn, { url: e, isLive: !1 }),
-    /* @__PURE__ */ f.jsx(En, {}),
-    /* @__PURE__ */ f.jsx(Ao, { children: /* @__PURE__ */ f.jsxs(jo, { children: [
-      /* @__PURE__ */ f.jsx(Eo, {}),
-      /* @__PURE__ */ f.jsxs(Oo, { children: [
-        /* @__PURE__ */ f.jsx(No, {}),
-        /* @__PURE__ */ f.jsx(Io, {}),
-        /* @__PURE__ */ f.jsx(Lo, { children: /* @__PURE__ */ f.jsx(xn, {}) })
+function qo(e) {
+  return /* @__PURE__ */ d.jsx(kn, { children: /* @__PURE__ */ d.jsx(Oo, { ...e }) });
+}
+function Oo({ url: e }) {
+  const t = E((n) => n.containerRef);
+  return /* @__PURE__ */ d.jsxs(No, { ref: t, children: [
+    /* @__PURE__ */ d.jsx(En, { url: e, isLive: !1 }),
+    /* @__PURE__ */ d.jsx(Rn, {}),
+    /* @__PURE__ */ d.jsx(Io, { children: /* @__PURE__ */ d.jsxs(Lo, { children: [
+      /* @__PURE__ */ d.jsx(To, {}),
+      /* @__PURE__ */ d.jsxs(Do, { children: [
+        /* @__PURE__ */ d.jsx(Fo, { children: /* @__PURE__ */ d.jsx(Po, {}) }),
+        /* @__PURE__ */ d.jsx($o, {}),
+        /* @__PURE__ */ d.jsx(Mo, { children: /* @__PURE__ */ d.jsx(Pn, {}) })
       ] })
     ] }) })
   ] });
 }
-const _o = T.div`
+const No = C.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1927,7 +1948,7 @@ const _o = T.div`
   background-color: black;
   color: white;
   overflow: hidden;
-`, Ao = T.div`
+`, Io = C.div`
   position: absolute;
   left: 0;
   width: 100%;
@@ -1939,7 +1960,7 @@ const _o = T.div`
   @media (min-width: 768px) {
     padding-top: 2rem;
   }
-`, jo = T.div`
+`, Lo = C.div`
   display: flex;
   flex-direction: column;
   padding-left: 0.5rem;
@@ -1953,12 +1974,12 @@ const _o = T.div`
     padding-right: 1rem;
     height: 4rem;
   }
-`, Oo = T.div`
+`, Do = C.div`
   margin: auto 0;
   display: flex;
   width: 100%;
   align-items: center;
-`, gt = T.div`
+`, vt = C.div`
   display: flex;
   flex: 1;
   align-items: center;
@@ -1967,16 +1988,16 @@ const _o = T.div`
   @media (min-width: 768px) {
     gap: 1rem;
   }
-`, No = T(gt)`
+`, Fo = C(vt)`
   justify-content: flex-start;
-`, Io = T(gt)`
+`, $o = C(vt)`
   justify-content: center;
-`, Lo = T(gt)`
+`, Mo = C(vt)`
   justify-content: flex-end;
 `;
 export {
-  $o as L,
-  Mo as V,
-  j as u
+  Yo as L,
+  qo as V,
+  E as u
 };
-//# sourceMappingURL=index-qaN7n0xb.js.map
+//# sourceMappingURL=index-DXKCbM7O.js.map