@bugjar/reporter 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,20 +1,20 @@
 var Ac = Object.defineProperty;
 var Rc = (r, e, t) => e in r ? Ac(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var N = (r, e, t) => Rc(r, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as y, jsxs as k, Fragment as vt } from "react/jsx-runtime";
-import { useState as xe, useEffect as Ko, useRef as hn, StrictMode as kc } from "react";
+import { jsx as y, jsxs as k, Fragment as Qe } from "react/jsx-runtime";
+import { useState as ge, useEffect as ks, useRef as fn, StrictMode as kc } from "react";
 import Mc from "react-dom";
 var Ti, Yt = Mc;
 if (process.env.NODE_ENV === "production")
   Ti = Yt.createRoot, Yt.hydrateRoot;
 else {
-  var fn = Yt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  var dn = Yt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
   Ti = function(r, e) {
-    fn.usingClientEntryPoint = !0;
+    dn.usingClientEntryPoint = !0;
     try {
       return Yt.createRoot(r, e);
     } finally {
-      fn.usingClientEntryPoint = !1;
+      dn.usingClientEntryPoint = !1;
     }
   };
 }
@@ -22,23 +22,23 @@ function Rr(r) {
   const e = new Error(r);
   return e.source = "ulid", e;
 }
-const ks = "0123456789ABCDEFGHJKMNPQRSTVWXYZ", St = ks.length, dn = Math.pow(2, 48) - 1, Nc = 10, _c = 16;
+const Ms = "0123456789ABCDEFGHJKMNPQRSTVWXYZ", St = Ms.length, pn = Math.pow(2, 48) - 1, Nc = 10, _c = 16;
 function Ic(r) {
   let e = Math.floor(r() * St);
-  return e === St && (e = St - 1), ks.charAt(e);
+  return e === St && (e = St - 1), Ms.charAt(e);
 }
 function Dc(r, e) {
   if (isNaN(r))
     throw new Error(r + " must be a number");
-  if (r > dn)
-    throw Rr("cannot encode time greater than " + dn);
+  if (r > pn)
+    throw Rr("cannot encode time greater than " + pn);
   if (r < 0)
     throw Rr("time must be positive");
   if (Number.isInteger(Number(r)) === !1)
     throw Rr("time must be an integer");
   let t, i = "";
   for (; e > 0; e--)
-    t = r % St, i = ks.charAt(t) + i, r = (r - t) / St;
+    t = r % St, i = Ms.charAt(t) + i, r = (r - t) / St;
   return i;
 }
 function Tc(r, e) {
@@ -74,7 +74,7 @@ function Pc(r) {
     return isNaN(t) && (t = Date.now()), Dc(t, Nc) + Tc(_c, r);
   };
 }
-const pn = Pc();
+const mn = Pc();
 function Lc(r, e) {
   const t = [];
   let i = !1, s = 0;
@@ -453,21 +453,21 @@ async function Jc(r, e) {
     lastSeenAt: Date.now()
   }));
 }
-function Ms(r) {
+function Ns(r) {
   return `bugjar:active-session:${r}`;
 }
 function Kc(r) {
   try {
-    const e = localStorage.getItem(Ms(r));
+    const e = localStorage.getItem(Ns(r));
     return e ? JSON.parse(e) : null;
   } catch {
     return null;
   }
 }
-function mn(r, e) {
+function gn(r, e) {
   try {
     localStorage.setItem(
-      Ms(r),
+      Ns(r),
       JSON.stringify({ sessionId: e, projectKey: r, lastSeenAt: Date.now() })
     );
   } catch {
@@ -475,7 +475,7 @@ function mn(r, e) {
 }
 function Ve(r) {
   try {
-    localStorage.removeItem(Ms(r));
+    localStorage.removeItem(Ns(r));
   } catch {
   }
 }
@@ -643,7 +643,7 @@ const su = [
   "address_line_2",
   "zip",
   "postal_code"
-]), gn = Array.from(Qo).map(
+]), yn = Array.from(Qo).map(
   (r) => new RegExp(`\\b${r.replace(/_/g, "[_ -]?")}\\b`, "i")
 );
 function ea() {
@@ -696,12 +696,12 @@ function nu(r) {
       e.id
     ].filter(Boolean);
     for (const n of i)
-      for (const o of gn)
+      for (const o of yn)
         if (o.test(n)) return !0;
     const s = e.getAttribute("aria-labelledby");
     if (s) {
       const n = document.getElementById(s)?.textContent ?? "";
-      for (const o of gn)
+      for (const o of yn)
         if (o.test(n)) return !0;
     }
     e = e.parentElement, t += 1;
@@ -732,7 +732,7 @@ function lu(r, e, t = {}) {
   return r.map((i) => At(i, e, t));
 }
 const cu = 500;
-class yn {
+class wn {
   constructor(e) {
     N(this, "events", []);
     N(this, "pendingEvents", []);
@@ -798,10 +798,10 @@ class yn {
     const s = Math.max(0, this.opts.maxDurationSec * 1e3 - this.opts.persistedActiveMs);
     this.capTimeout = window.setTimeout(() => {
       this.stop();
-    }, s), mn(this.opts.projectKey, this.opts.sessionId), this.flushInterval = window.setInterval(() => {
+    }, s), gn(this.opts.projectKey, this.opts.sessionId), this.flushInterval = window.setInterval(() => {
       this.flushPending();
     }, cu), this.beforeUnloadHandler = () => {
-      mn(this.opts.projectKey, this.opts.sessionId), this.flushPending();
+      gn(this.opts.projectKey, this.opts.sessionId), this.flushPending();
     }, window.addEventListener("beforeunload", this.beforeUnloadHandler);
   }
   /** Flush pending events + the current console/network snapshots into IDB,
@@ -827,7 +827,7 @@ class yn {
     }))), this.micStream && (this.micStream.getTracks().forEach((s) => s.stop()), this.micStream = null);
     const t = performance.now() - this.segmentStartedAt;
     await this.flushPending();
-    const i = this.opts.persistedActiveMs + t;
+    const i = Math.round(this.opts.persistedActiveMs + t);
     this.opts.onStop({ events: this.events, audioBlob: e, durationMs: i });
   }
   toggleMic(e) {
@@ -858,7 +858,7 @@ function uu() {
     if (typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported(e)) return e;
   return null;
 }
-const ra = "[modern-screenshot]", tt = typeof window < "u", hu = tt && "Worker" in window, Ns = tt ? window.navigator?.userAgent : "", ia = Ns.includes("Chrome"), Tr = Ns.includes("AppleWebKit") && !ia, _s = Ns.includes("Firefox"), fu = (r) => r && "__CONTEXT__" in r, du = (r) => r.constructor.name === "CSSFontFaceRule", pu = (r) => r.constructor.name === "CSSImportRule", mu = (r) => r.constructor.name === "CSSLayerBlockRule", Ae = (r) => r.nodeType === 1, Ut = (r) => typeof r.className == "object", sa = (r) => r.tagName === "image", gu = (r) => r.tagName === "use", Rt = (r) => Ae(r) && typeof r.style < "u" && !Ut(r), yu = (r) => r.nodeType === 8, wu = (r) => r.nodeType === 3, rt = (r) => r.tagName === "IMG", Kr = (r) => r.tagName === "VIDEO", bu = (r) => r.tagName === "CANVAS", vu = (r) => r.tagName === "TEXTAREA", Su = (r) => r.tagName === "INPUT", Cu = (r) => r.tagName === "STYLE", Eu = (r) => r.tagName === "SCRIPT", xu = (r) => r.tagName === "SELECT", Au = (r) => r.tagName === "SLOT", Ru = (r) => r.tagName === "IFRAME", ku = (...r) => console.warn(ra, ...r);
+const ra = "[modern-screenshot]", rt = typeof window < "u", hu = rt && "Worker" in window, _s = rt ? window.navigator?.userAgent : "", ia = _s.includes("Chrome"), Tr = _s.includes("AppleWebKit") && !ia, Is = _s.includes("Firefox"), fu = (r) => r && "__CONTEXT__" in r, du = (r) => r.constructor.name === "CSSFontFaceRule", pu = (r) => r.constructor.name === "CSSImportRule", mu = (r) => r.constructor.name === "CSSLayerBlockRule", Ae = (r) => r.nodeType === 1, Ut = (r) => typeof r.className == "object", sa = (r) => r.tagName === "image", gu = (r) => r.tagName === "use", Rt = (r) => Ae(r) && typeof r.style < "u" && !Ut(r), yu = (r) => r.nodeType === 8, wu = (r) => r.nodeType === 3, it = (r) => r.tagName === "IMG", Kr = (r) => r.tagName === "VIDEO", bu = (r) => r.tagName === "CANVAS", vu = (r) => r.tagName === "TEXTAREA", Su = (r) => r.tagName === "INPUT", Cu = (r) => r.tagName === "STYLE", Eu = (r) => r.tagName === "SCRIPT", xu = (r) => r.tagName === "SELECT", Au = (r) => r.tagName === "SLOT", Ru = (r) => r.tagName === "IFRAME", ku = (...r) => console.warn(ra, ...r);
 function Mu(r) {
   const e = r?.createElement?.("canvas");
   return e && (e.height = e.width = 1), !!e && "toDataURL" in e && !!e.toDataURL("image/webp").includes("image/webp");
@@ -867,9 +867,9 @@ const Pi = (r) => r.startsWith("data:");
 function na(r, e) {
   if (r.match(/^[a-z]+:\/\//i))
     return r;
-  if (tt && r.match(/^\/\//))
+  if (rt && r.match(/^\/\//))
     return window.location.protocol + r;
-  if (r.match(/^[a-z]+:/i) || !tt)
+  if (r.match(/^[a-z]+:/i) || !rt)
     return r;
   const t = qr().implementation.createHTMLDocument(), i = t.createElement("base"), s = t.createElement("a");
   return t.head.appendChild(i), t.body.appendChild(s), e && (i.href = e), s.href = r, s.href;
@@ -893,13 +893,13 @@ function Iu(r, e) {
   });
 }
 const Du = (r) => Iu(r, "dataUrl");
-function Qe(r, e) {
+function et(r, e) {
   const t = qr(e).createElement("img");
   return t.decoding = "sync", t.loading = "eager", t.src = r, t;
 }
 function kt(r, e) {
   return new Promise((t) => {
-    const { timeout: i, ownerDocument: s, onError: n, onWarn: o } = e ?? {}, a = typeof r == "string" ? Qe(r, qr(s)) : r;
+    const { timeout: i, ownerDocument: s, onError: n, onWarn: o } = e ?? {}, a = typeof r == "string" ? et(r, qr(s)) : r;
     let l = null, c = null;
     function u() {
       t(a), l && clearTimeout(l), c?.();
@@ -925,7 +925,7 @@ function kt(r, e) {
       if (!h)
         return u();
       const f = async () => {
-        if (rt(a) && "decode" in a)
+        if (it(a) && "decode" in a)
           try {
             await a.decode();
           } catch (m) {
@@ -943,7 +943,7 @@ function kt(r, e) {
           m
         ), u();
       };
-      if (rt(a) && a.complete)
+      if (it(a) && a.complete)
         return f();
       c = () => {
         a.removeEventListener("load", f), a.removeEventListener("error", d);
@@ -952,7 +952,7 @@ function kt(r, e) {
   });
 }
 async function Tu(r, e) {
-  Rt(r) && (rt(r) || Kr(r) ? await kt(r, e) : await Promise.all(
+  Rt(r) && (it(r) || Kr(r) ? await kt(r, e) : await Promise.all(
     ["img", "video"].flatMap((t) => Array.from(r.querySelectorAll(t)).map((i) => kt(i, e)))
   ));
 }
@@ -964,10 +964,10 @@ const oa = /* @__PURE__ */ function() {
 function aa(r) {
   return r?.split(",").map((e) => e.trim().replace(/"|'/g, "").toLowerCase()).filter(Boolean);
 }
-let wn = 0;
+let bn = 0;
 function Ou(r) {
-  const e = `${ra}[#${wn}]`;
-  return wn++, {
+  const e = `${ra}[#${bn}]`;
+  return bn++, {
     // eslint-disable-next-line no-console
     time: (t) => r && console.time(`${e} ${t}`),
     // eslint-disable-next-line no-console
@@ -984,7 +984,7 @@ async function la(r, e) {
   return fu(r) ? r : Lu(r, { ...e, autoDestruct: !0 });
 }
 async function Lu(r, e) {
-  const { scale: t = 1, workerUrl: i, workerNumber: s = 1 } = e || {}, n = !!e?.debug, o = e?.features ?? !0, a = r.ownerDocument ?? (tt ? window.document : void 0), l = r.ownerDocument?.defaultView ?? (tt ? window : void 0), c = /* @__PURE__ */ new Map(), u = {
+  const { scale: t = 1, workerUrl: i, workerNumber: s = 1 } = e || {}, n = !!e?.debug, o = e?.features ?? !0, a = r.ownerDocument ?? (rt ? window.document : void 0), l = r.ownerDocument?.defaultView ?? (rt ? window : void 0), c = /* @__PURE__ */ new Map(), u = {
     // Options
     width: 0,
     height: 0,
@@ -1118,7 +1118,7 @@ function ua(r, e) {
     try {
       const n = r.toDataURL();
       if (n !== "data:,")
-        return Qe(n, r.ownerDocument);
+        return et(n, r.ownerDocument);
     } catch (n) {
       e.log.warn("Failed to clone canvas", n);
     }
@@ -1137,7 +1137,7 @@ function ua(r, e) {
 function Uu(r, e) {
   try {
     if (r?.contentDocument?.documentElement)
-      return Is(r.contentDocument.documentElement, e);
+      return Ds(r.contentDocument.documentElement, e);
   } catch (t) {
     e.log.warn("Failed to clone iframe", t);
   }
@@ -1149,14 +1149,14 @@ function zu(r) {
 }
 async function ju(r, e) {
   if (r.ownerDocument && !r.currentSrc && r.poster)
-    return Qe(r.poster, r.ownerDocument);
+    return et(r.poster, r.ownerDocument);
   const t = r.cloneNode(!1);
   t.crossOrigin = "anonymous", r.currentSrc && r.currentSrc !== r.src && (t.src = r.currentSrc);
   const i = t.ownerDocument;
   if (i) {
     let s = !0;
     if (await kt(t, { onError: () => s = !1, onWarn: e.log.warn }), !s)
-      return r.poster ? Qe(r.poster, r.ownerDocument) : t;
+      return r.poster ? et(r.poster, r.ownerDocument) : t;
     t.currentTime = r.currentTime, await new Promise((o) => {
       t.addEventListener("seeked", o, { once: !0 });
     });
@@ -1166,14 +1166,14 @@ async function ju(r, e) {
       const o = n.getContext("2d");
       o && o.drawImage(t, 0, 0, n.width, n.height);
     } catch (o) {
-      return e.log.warn("Failed to clone video", o), r.poster ? Qe(r.poster, r.ownerDocument) : t;
+      return e.log.warn("Failed to clone video", o), r.poster ? et(r.poster, r.ownerDocument) : t;
     }
     return ua(n, e);
   }
   return t;
 }
 function Wu(r, e) {
-  return bu(r) ? ua(r, e) : Ru(r) ? Uu(r, e) : rt(r) ? zu(r) : Kr(r) ? ju(r, e) : r.cloneNode(!1);
+  return bu(r) ? ua(r, e) : Ru(r) ? Uu(r, e) : it(r) ? zu(r) : Kr(r) ? ju(r, e) : r.cloneNode(!1);
 }
 function Vu(r) {
   let e = r.sandbox;
@@ -1308,18 +1308,18 @@ function Ku(r, e, t, i, s) {
   }
   Xu.forEach(c), t && Ju.forEach(c);
 }
-const bn = /* @__PURE__ */ new Set([
+const vn = /* @__PURE__ */ new Set([
   "symbol"
   // test/fixtures/svg.symbol.html
 ]);
-async function vn(r, e, t, i, s) {
+async function Sn(r, e, t, i, s) {
   if (Ae(t) && (Cu(t) || Eu(t)) || i.filter && !i.filter(t))
     return;
-  bn.has(e.nodeName) || bn.has(t.nodeName) ? i.currentParentNodeStyle = void 0 : i.currentParentNodeStyle = i.currentNodeStyle;
-  const n = await Is(t, i, !1, s);
+  vn.has(e.nodeName) || vn.has(t.nodeName) ? i.currentParentNodeStyle = void 0 : i.currentParentNodeStyle = i.currentNodeStyle;
+  const n = await Ds(t, i, !1, s);
   i.isEnable("restoreScrollPosition") && qu(r, n), e.appendChild(n);
 }
-async function Sn(r, e, t, i) {
+async function Cn(r, e, t, i) {
   let s = r.firstChild;
   Ae(r) && r.shadowRoot && (s = r.shadowRoot?.firstChild, t.shadowRoots.push(r.shadowRoot));
   for (let n = s; n; n = n.nextSibling)
@@ -1327,9 +1327,9 @@ async function Sn(r, e, t, i) {
       if (Ae(n) && Au(n) && typeof n.assignedNodes == "function") {
         const o = n.assignedNodes();
         for (let a = 0; a < o.length; a++)
-          await vn(r, e, o[a], t, i);
+          await Sn(r, e, o[a], t, i);
       } else
-        await vn(r, e, n, t, i);
+        await Sn(r, e, n, t, i);
 }
 function qu(r, e) {
   if (!Rt(r) || !Rt(e))
@@ -1346,7 +1346,7 @@ function Qu(r, e) {
     for (const a in n) o[a] = n[a];
 }
 const eh = /^[\w-:]+$/;
-async function Is(r, e, t = !1, i) {
+async function Ds(r, e, t = !1, i) {
   const { ownerDocument: s, ownerWindow: n, fontFamilies: o, onCloneEachNode: a } = e;
   if (s && wu(r))
     return i && /\S/.test(r.data) && i(r.data), s.createTextNode(r.data);
@@ -1381,7 +1381,7 @@ async function Is(r, e, t = !1, i) {
       h,
       e,
       m
-    ), Zu(r, c), Kr(r) || await Sn(
+    ), Zu(r, c), Kr(r) || await Cn(
       r,
       c,
       e,
@@ -1389,7 +1389,7 @@ async function Is(r, e, t = !1, i) {
     ), await a?.(c), c;
   }
   const l = r.cloneNode(!1);
-  return await Sn(r, l, e), await a?.(l), l;
+  return await Cn(r, l, e), await a?.(l), l;
 }
 function th(r) {
   if (r.ownerDocument = void 0, r.ownerWindow = void 0, r.svgStyleElement = void 0, r.svgDefsElement = void 0, r.svgStyles.clear(), r.defaultComputedStyles.clear(), r.sandbox) {
@@ -1435,7 +1435,7 @@ function Mt(r, e) {
     workers: w,
     fontFamilies: p
   } = r;
-  i === "image" && (Tr || _s) && r.drawImageCount++;
+  i === "image" && (Tr || Is) && r.drawImageCount++;
   let g = c.get(t);
   if (!g) {
     f && f instanceof RegExp && f.test(o) && (o += (/\?/.test(o) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
@@ -1513,7 +1513,7 @@ const nh = [
 function oh(r, e) {
   return nh.map((t) => {
     const i = r.getPropertyValue(t);
-    return !i || i === "none" ? null : ((Tr || _s) && e.drawImageCount++, da(i, null, e, !0).then((s) => {
+    return !i || i === "none" ? null : ((Tr || Is) && e.drawImageCount++, da(i, null, e, !0).then((s) => {
       !s || i === s || r.setProperty(
         t,
         s,
@@ -1523,7 +1523,7 @@ function oh(r, e) {
   }).filter(Boolean);
 }
 function ah(r, e) {
-  if (rt(r)) {
+  if (it(r)) {
     const t = r.currentSrc || r.src;
     if (!Pi(t))
       return [
@@ -1536,7 +1536,7 @@ function ah(r, e) {
           i && (r.srcset = "", r.dataset.originalSrc = t, r.src = i || "");
         })
       ];
-    (Tr || _s) && e.drawImageCount++;
+    (Tr || Is) && e.drawImageCount++;
   } else if (Ut(r) && !Pi(r.href.baseVal)) {
     const t = r.href.baseVal;
     return [
@@ -1580,7 +1580,7 @@ function lh(r, e) {
 }
 function ga(r, e) {
   const { tasks: t } = e;
-  Ae(r) && ((rt(r) || sa(r)) && t.push(...ah(r, e)), gu(r) && t.push(...lh(r, e))), Rt(r) && t.push(...oh(r.style, e)), r.childNodes.forEach((i) => {
+  Ae(r) && ((it(r) || sa(r)) && t.push(...ah(r, e)), gu(r) && t.push(...lh(r, e))), Rt(r) && t.push(...oh(r.style, e)), r.childNodes.forEach((i) => {
     ga(i, e);
   });
 }
@@ -1595,7 +1595,7 @@ async function ch(r, e) {
   } = e;
   if (!(!t || !i || !s.size))
     if (a && a.cssText) {
-      const l = En(a.cssText, e);
+      const l = xn(a.cssText, e);
       i.appendChild(t.createTextNode(`${l}
 `));
     } else {
@@ -1647,26 +1647,26 @@ async function ch(r, e) {
             m.parentStyleSheet ? m.parentStyleSheet.href : null,
             e
           ).then((p) => {
-            p = En(p, e), n.set(m.cssText, p), i.appendChild(t.createTextNode(`${p}
+            p = xn(p, e), n.set(m.cssText, p), i.appendChild(t.createTextNode(`${p}
 `));
           })
         );
       });
     }
 }
-const uh = /(\/\*[\s\S]*?\*\/)/g, Cn = /((@.*?keyframes [\s\S]*?){([\s\S]*?}\s*?)})/gi;
+const uh = /(\/\*[\s\S]*?\*\/)/g, En = /((@.*?keyframes [\s\S]*?){([\s\S]*?}\s*?)})/gi;
 function hh(r) {
   if (r == null)
     return [];
   const e = [];
   let t = r.replace(uh, "");
   for (; ; ) {
-    const n = Cn.exec(t);
+    const n = En.exec(t);
     if (!n)
       break;
     e.push(n[0]);
   }
-  t = t.replace(Cn, "");
+  t = t.replace(En, "");
   const i = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, s = new RegExp(
     // eslint-disable-next-line
     "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})",
@@ -1685,7 +1685,7 @@ function hh(r) {
   return e;
 }
 const fh = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, dh = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function En(r, e) {
+function xn(r, e) {
   const { font: t } = e, i = t ? t?.preferredFormat : void 0;
   return i ? r.replace(dh, (s) => {
     for (; ; ) {
@@ -1725,7 +1725,7 @@ async function gh(r, e) {
     onCreateForeignObjectSvg: m
   } = t;
   s.time("clone node");
-  const w = await Is(t.node, t, !0);
+  const w = await Ds(t.node, t, !0);
   if (o && i) {
     let E = "";
     l.forEach((M, _) => {
@@ -1763,7 +1763,7 @@ function yh(r, e) {
 async function wh(r, e) {
   const t = await la(r, e), i = await gh(t), s = _u(i, t.isEnable("removeControlCharacter"));
   t.autoDestruct || (t.svgStyleElement = ca(t.ownerDocument), t.svgDefsElement = t.ownerDocument?.createElementNS(Qr, "defs"), t.svgStyles.clear());
-  const n = Qe(s, i.ownerDocument);
+  const n = et(s, i.ownerDocument);
   return await Fu(n, t);
 }
 async function bh() {
@@ -1825,7 +1825,7 @@ const Eh = {
   { id: "pin", label: "Comment", icon: "💬" }
 ], ya = ["#ef4444", "#f59e0b", "#3b82f6"];
 function Rh(r) {
-  const [e, t] = xe("cursor"), [i, s] = xe("#ef4444"), [n, o] = xe(!1), a = Mh(), [l, c] = xe(!1), u = (d) => {
+  const [e, t] = ge("cursor"), [i, s] = ge("#ef4444"), [n, o] = ge(!1), a = Mh(), [l, c] = ge(!1), u = (d) => {
     t(d), r.onSelectTool(d);
   }, h = (d) => {
     s(d), r.onSelectColor(d);
@@ -1903,7 +1903,7 @@ function Rh(r) {
         /* @__PURE__ */ y(Xt, {}),
         /* @__PURE__ */ y("button", { onClick: r.onUndo, title: "Undo last markup", style: Jt, children: "↶ Undo" }),
         /* @__PURE__ */ y(Xt, {}),
-        r.isRecording ? /* @__PURE__ */ k(vt, { children: [
+        r.isRecording ? /* @__PURE__ */ k(Qe, { children: [
           /* @__PURE__ */ y(
             "span",
             {
@@ -1929,7 +1929,7 @@ function Rh(r) {
             "button",
             {
               onClick: r.onStopRecording,
-              style: { ...xn, background: "#ef4444" },
+              style: { ...An, background: "#ef4444" },
               children: "■ Stop"
             }
           )
@@ -1952,7 +1952,7 @@ function Rh(r) {
           "button",
           {
             onClick: r.onDone,
-            style: { ...xn, background: r.primaryColor },
+            style: { ...An, background: r.primaryColor },
             title: "Finish and review the report",
             children: "Done →"
           }
@@ -1964,7 +1964,7 @@ function Rh(r) {
 }
 function kh(r) {
   const e = $i.find((t) => t.id === r.tool);
-  return /* @__PURE__ */ k(vt, { children: [
+  return /* @__PURE__ */ k(Qe, { children: [
     /* @__PURE__ */ y("style", { children: `
         @keyframes bugjar-pulse { 0%,100%{opacity:1} 50%{opacity:0.35} }
       ` }),
@@ -2016,7 +2016,7 @@ function kh(r) {
                     fontSize: 13
                   },
                   children: [
-                    r.isRecording ? /* @__PURE__ */ k(vt, { children: [
+                    r.isRecording ? /* @__PURE__ */ k(Qe, { children: [
                       /* @__PURE__ */ y(
                         "span",
                         {
@@ -2164,7 +2164,7 @@ function kh(r) {
                       gap: 8,
                       flexWrap: "wrap"
                     },
-                    children: r.isRecording ? /* @__PURE__ */ k(vt, { children: [
+                    children: r.isRecording ? /* @__PURE__ */ k(Qe, { children: [
                       /* @__PURE__ */ y(
                         "span",
                         {
@@ -2247,8 +2247,8 @@ function kh(r) {
   ] });
 }
 function Mh() {
-  const [r, e] = xe(!1);
-  return Ko(() => {
+  const [r, e] = ge(!1);
+  return ks(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
     const t = window.matchMedia("(max-width: 640px)"), i = () => e(t.matches);
     return i(), typeof t.addEventListener == "function" ? (t.addEventListener("change", i), () => t.removeEventListener("change", i)) : (t.addListener(i), () => t.removeListener(i));
@@ -2300,7 +2300,7 @@ const Jt = {
   cursor: "pointer",
   fontSize: 12,
   fontWeight: 500
-}, xn = {
+}, An = {
   border: "none",
   color: "white",
   padding: "6px 12px",
@@ -2343,10 +2343,10 @@ function Fi(r) {
   const e = Math.floor(r / 1e3), t = Math.floor(e / 60), i = e % 60;
   return `${t}:${String(i).padStart(2, "0")}`;
 }
-var Ih = Object.defineProperty, Dh = (r, e, t) => e in r ? Ih(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, An = (r, e, t) => Dh(r, typeof e != "symbol" ? e + "" : e, t);
+var Ih = Object.defineProperty, Dh = (r, e, t) => e in r ? Ih(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Rn = (r, e, t) => Dh(r, typeof e != "symbol" ? e + "" : e, t);
 function Nt() {
 }
-function Rn(r, e) {
+function kn(r, e) {
   for (const t in e) r[t] = e[t];
   return (
     /** @type {T & S} */
@@ -2356,22 +2356,22 @@ function Rn(r, e) {
 function wa(r) {
   return r();
 }
-function kn() {
+function Mn() {
   return /* @__PURE__ */ Object.create(null);
 }
-function ht(r) {
+function ft(r) {
   r.forEach(wa);
 }
 function ba(r) {
   return typeof r == "function";
 }
-function Ds(r, e) {
+function Ts(r, e) {
   return r != r ? e == e : r !== e || r && typeof r == "object" || typeof r == "function";
 }
 function Th(r) {
   return Object.keys(r).length === 0;
 }
-function Mn(r) {
+function Nn(r) {
   const e = {};
   for (const t in r) t[0] !== "$" && (e[t] = r[t]);
   return e;
@@ -2420,7 +2420,7 @@ function Pr(r, e) {
 function re(r, e, t, i) {
   t == null ? r.style.removeProperty(e) : r.style.setProperty(e, t, "");
 }
-function it(r, e, t) {
+function st(r, e, t) {
   r.classList.toggle(e, !!t);
 }
 function Lh(r, e, { bubbles: t = !1, cancelable: i = !1 } = {}) {
@@ -2462,14 +2462,14 @@ function Fh() {
   };
 }
 const He = [], Be = [];
-let et = [];
+let tt = [];
 const Bi = [], Bh = /* @__PURE__ */ Promise.resolve();
 let Ui = !1;
 function Uh() {
   Ui || (Ui = !0, Bh.then(Ca));
 }
 function zi(r) {
-  et.push(r);
+  tt.push(r);
 }
 function zh(r) {
   Bi.push(r);
@@ -2490,11 +2490,11 @@ function Ca() {
       throw He.length = 0, Ge = 0, e;
     }
     for (Ct(null), He.length = 0, Ge = 0; Be.length; ) Be.pop()();
-    for (let e = 0; e < et.length; e += 1) {
-      const t = et[e];
+    for (let e = 0; e < tt.length; e += 1) {
+      const t = tt[e];
       gi.has(t) || (gi.add(t), t());
     }
-    et.length = 0;
+    tt.length = 0;
   } while (He.length);
   for (; Bi.length; )
     Bi.pop()();
@@ -2502,14 +2502,14 @@ function Ca() {
 }
 function jh(r) {
   if (r.fragment !== null) {
-    r.update(), ht(r.before_update);
+    r.update(), ft(r.before_update);
     const e = r.dirty;
     r.dirty = [-1], r.fragment && r.fragment.p(r.ctx, e), r.after_update.forEach(zi);
   }
 }
 function Wh(r) {
   const e = [], t = [];
-  et.forEach((i) => r.indexOf(i) === -1 ? e.push(i) : t.push(i)), t.forEach((i) => i()), et = e;
+  tt.forEach((i) => r.indexOf(i) === -1 ? e.push(i) : t.push(i)), t.forEach((i) => i()), tt = e;
 }
 const kr = /* @__PURE__ */ new Set();
 let Fe;
@@ -2522,12 +2522,12 @@ function Ea() {
   };
 }
 function xa() {
-  Fe.r || ht(Fe.c), Fe = Fe.p;
+  Fe.r || ft(Fe.c), Fe = Fe.p;
 }
 function Me(r, e) {
   r && r.i && (kr.delete(r), r.i(e));
 }
-function st(r, e, t, i) {
+function nt(r, e, t, i) {
   if (r && r.o) {
     if (kr.has(r)) return;
     kr.add(r), Fe.c.push(() => {
@@ -2545,21 +2545,21 @@ function Vh(r, e, t) {
 function Aa(r) {
   r && r.c();
 }
-function Ts(r, e, t) {
+function Os(r, e, t) {
   const { fragment: i, after_update: s } = r.$$;
   i && i.m(e, t), zi(() => {
     const n = r.$$.on_mount.map(wa).filter(ba);
-    r.$$.on_destroy ? r.$$.on_destroy.push(...n) : ht(n), r.$$.on_mount = [];
+    r.$$.on_destroy ? r.$$.on_destroy.push(...n) : ft(n), r.$$.on_mount = [];
   }), s.forEach(zi);
 }
-function Os(r, e) {
+function Ps(r, e) {
   const t = r.$$;
-  t.fragment !== null && (Wh(t.after_update), ht(t.on_destroy), t.fragment && t.fragment.d(e), t.on_destroy = t.fragment = null, t.ctx = []);
+  t.fragment !== null && (Wh(t.after_update), ft(t.on_destroy), t.fragment && t.fragment.d(e), t.on_destroy = t.fragment = null, t.ctx = []);
 }
 function Gh(r, e) {
   r.$$.dirty[0] === -1 && (He.push(r), Uh(), r.$$.dirty.fill(0)), r.$$.dirty[e / 31 | 0] |= 1 << e % 31;
 }
-function Ps(r, e, t, i, s, n, o = null, a = [-1]) {
+function Ls(r, e, t, i, s, n, o = null, a = [-1]) {
   const l = _t;
   Ct(r);
   const c = r.$$ = {
@@ -2569,7 +2569,7 @@ function Ps(r, e, t, i, s, n, o = null, a = [-1]) {
     props: n,
     update: Nt,
     not_equal: s,
-    bound: kn(),
+    bound: Mn(),
     // lifecycle
     on_mount: [],
     on_destroy: [],
@@ -2578,7 +2578,7 @@ function Ps(r, e, t, i, s, n, o = null, a = [-1]) {
     after_update: [],
     context: new Map(e.context || (l ? l.$$.context : [])),
     // everything else
-    callbacks: kn(),
+    callbacks: Mn(),
     dirty: a,
     skip_bound: !1,
     root: e.target || l.$$.root
@@ -2588,23 +2588,23 @@ function Ps(r, e, t, i, s, n, o = null, a = [-1]) {
   if (c.ctx = t ? t(r, e.props || {}, (h, f, ...d) => {
     const m = d.length ? d[0] : f;
     return c.ctx && s(c.ctx[h], c.ctx[h] = m) && (!c.skip_bound && c.bound[h] && c.bound[h](m), u && Gh(r, h)), f;
-  }) : [], c.update(), u = !0, ht(c.before_update), c.fragment = i ? i(c.ctx) : !1, e.target) {
+  }) : [], c.update(), u = !0, ft(c.before_update), c.fragment = i ? i(c.ctx) : !1, e.target) {
     if (e.hydrate) {
       const h = Ph(e.target);
       c.fragment && c.fragment.l(h), h.forEach(Re);
     } else
       c.fragment && c.fragment.c();
-    e.intro && Me(r.$$.fragment), Ts(r, e.target, e.anchor), Ca();
+    e.intro && Me(r.$$.fragment), Os(r, e.target, e.anchor), Ca();
   }
   Ct(l);
 }
-class Ls {
+class $s {
   constructor() {
-    An(this, "$$"), An(this, "$$set");
+    Rn(this, "$$"), Rn(this, "$$set");
   }
   /** @returns {void} */
   $destroy() {
-    Os(this, 1), this.$destroy = Nt;
+    Ps(this, 1), this.$destroy = Nt;
   }
   /**
    * @template {Extract<keyof Events, string>} K
@@ -2631,13 +2631,13 @@ class Ls {
 }
 const Yh = "4";
 typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Yh);
-var Hh = Object.defineProperty, Zh = (r, e, t) => e in r ? Hh(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, I = (r, e, t) => Zh(r, typeof e != "symbol" ? e + "" : e, t), Nn, Xh = Object.defineProperty, Jh = (r, e, t) => e in r ? Xh(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, _n = (r, e, t) => Jh(r, typeof e != "symbol" ? e + "" : e, t), ee = /* @__PURE__ */ ((r) => (r[r.Document = 0] = "Document", r[r.DocumentType = 1] = "DocumentType", r[r.Element = 2] = "Element", r[r.Text = 3] = "Text", r[r.CDATA = 4] = "CDATA", r[r.Comment = 5] = "Comment", r))(ee || {});
+var Hh = Object.defineProperty, Zh = (r, e, t) => e in r ? Hh(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, I = (r, e, t) => Zh(r, typeof e != "symbol" ? e + "" : e, t), _n, Xh = Object.defineProperty, Jh = (r, e, t) => e in r ? Xh(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, In = (r, e, t) => Jh(r, typeof e != "symbol" ? e + "" : e, t), ee = /* @__PURE__ */ ((r) => (r[r.Document = 0] = "Document", r[r.DocumentType = 1] = "DocumentType", r[r.Element = 2] = "Element", r[r.Text = 3] = "Text", r[r.CDATA = 4] = "CDATA", r[r.Comment = 5] = "Comment", r))(ee || {});
 function Kh(r) {
   return r.nodeType === r.ELEMENT_NODE;
 }
 class Ra {
   constructor() {
-    _n(this, "idNodeMap", /* @__PURE__ */ new Map()), _n(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
+    In(this, "idNodeMap", /* @__PURE__ */ new Map()), In(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
   }
   getId(e) {
     var t;
@@ -2701,13 +2701,13 @@ function ef(r, e) {
   const i = /\.([0-9a-z]+)(?:$)/i, s = t.pathname.match(i);
   return s?.[1] ?? null;
 }
-const tf = /(max|min)-device-(width|height)/, In = new RegExp(tf.source, "g"), rf = {
+const tf = /(max|min)-device-(width|height)/, Dn = new RegExp(tf.source, "g"), rf = {
   postcssPlugin: "postcss-custom-selectors",
   prepare() {
     return {
       postcssPlugin: "postcss-custom-selectors",
       AtRule: function(r) {
-        r.params.match(In) && (r.params = r.params.replace(In, "$1-$2"));
+        r.params.match(Dn) && (r.params = r.params.replace(Dn, "$1-$2"));
       }
     };
   }
@@ -2747,17 +2747,17 @@ function of(r) {
     });
   }), t;
 }
-var $s = { exports: {} }, Y = String, Ma = function() {
+var Fs = { exports: {} }, Y = String, Ma = function() {
   return { isColorSupported: !1, reset: Y, bold: Y, dim: Y, italic: Y, underline: Y, inverse: Y, hidden: Y, strikethrough: Y, black: Y, red: Y, green: Y, yellow: Y, blue: Y, magenta: Y, cyan: Y, white: Y, gray: Y, bgBlack: Y, bgRed: Y, bgGreen: Y, bgYellow: Y, bgBlue: Y, bgMagenta: Y, bgCyan: Y, bgWhite: Y };
 };
-$s.exports = Ma();
-$s.exports.createColors = Ma;
-var af = $s.exports;
+Fs.exports = Ma();
+Fs.exports.createColors = Ma;
+var af = Fs.exports;
 const lf = {}, cf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: lf
-}, Symbol.toStringTag, { value: "Module" })), ge = /* @__PURE__ */ of(cf);
-let Dn = af, Tn = ge, ji = class Na extends Error {
+}, Symbol.toStringTag, { value: "Module" })), ye = /* @__PURE__ */ of(cf);
+let Tn = af, On = ye, ji = class Na extends Error {
   constructor(e, t, i, s, n, o) {
     super(e), this.name = "CssSyntaxError", this.reason = e, n && (this.file = n), s && (this.source = s), o && (this.plugin = o), typeof t < "u" && typeof i < "u" && (typeof t == "number" ? (this.line = t, this.column = i) : (this.line = t.line, this.column = t.column, this.endLine = i.line, this.endColumn = i.column)), this.setMessage(), Error.captureStackTrace && Error.captureStackTrace(this, Na);
   }
@@ -2767,10 +2767,10 @@ let Dn = af, Tn = ge, ji = class Na extends Error {
   showSourceCode(e) {
     if (!this.source) return "";
     let t = this.source;
-    e == null && (e = Dn.isColorSupported), Tn && e && (t = Tn(t));
+    e == null && (e = Tn.isColorSupported), On && e && (t = On(t));
     let i = t.split(/\r?\n/), s = Math.max(this.line - 3, 0), n = Math.min(this.line + 2, i.length), o = String(n).length, a, l;
     if (e) {
-      let { bold: c, gray: u, red: h } = Dn.createColors(!0);
+      let { bold: c, gray: u, red: h } = Tn.createColors(!0);
       a = (f) => c(h(f)), l = (f) => u(f);
     } else
       a = l = (c) => c;
@@ -2793,12 +2793,12 @@ let Dn = af, Tn = ge, ji = class Na extends Error {
 `), this.name + ": " + this.message + e;
   }
 };
-var Fs = ji;
+var Bs = ji;
 ji.default = ji;
 var zt = {};
 zt.isClean = Symbol("isClean");
 zt.my = Symbol("my");
-const On = {
+const Pn = {
   after: `
 `,
   beforeClose: `
@@ -2881,7 +2881,7 @@ let Wi = class {
     let n = e.parent;
     if (i === "before" && (!n || n.type === "root" && n.first === e || n && n.type === "document"))
       return "";
-    if (!n) return On[i];
+    if (!n) return Pn[i];
     let o = e.root();
     if (o.rawCache || (o.rawCache = {}), typeof o.rawCache[i] < "u")
       return o.rawCache[i];
@@ -2893,7 +2893,7 @@ let Wi = class {
         if (s = l.raws[t], typeof s < "u") return !1;
       });
     }
-    return typeof s > "u" && (s = On[i]), o.rawCache[i] = s, s;
+    return typeof s > "u" && (s = Pn[i]), o.rawCache[i] = s, s;
   }
   rawBeforeClose(e) {
     let t;
@@ -2993,7 +2993,7 @@ function Vi(r, e) {
 }
 var ti = Vi;
 Vi.default = Vi;
-let { isClean: qt, my: ff } = zt, df = Fs, pf = _a, mf = ti;
+let { isClean: qt, my: ff } = zt, df = Bs, pf = _a, mf = ti;
 function Gi(r, e) {
   let t = new r.constructor();
   for (let i in r) {
@@ -3217,7 +3217,7 @@ let yf = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", wf
   return e;
 };
 var bf = { nanoid: wf };
-let { SourceMapConsumer: Pn, SourceMapGenerator: Ln } = ge, { existsSync: vf, readFileSync: Sf } = ge, { dirname: yi, join: Cf } = ge;
+let { SourceMapConsumer: Ln, SourceMapGenerator: $n } = ye, { existsSync: vf, readFileSync: Sf } = ye, { dirname: yi, join: Cf } = ye;
 function Ef(r) {
   return Buffer ? Buffer.from(r, "base64").toString() : window.atob(r);
 }
@@ -3229,7 +3229,7 @@ let Zi = class {
     !this.mapFile && t.from && (this.mapFile = t.from), this.mapFile && (this.root = yi(this.mapFile)), s && (this.text = s);
   }
   consumer() {
-    return this.consumerCache || (this.consumerCache = new Pn(this.text)), this.consumerCache;
+    return this.consumerCache || (this.consumerCache = new Ln(this.text)), this.consumerCache;
   }
   decodeInline(e) {
     let t = /^data:application\/json;charset=utf-?8;base64,/, i = /^data:application\/json;base64,/, s = /^data:application\/json;charset=utf-?8,/, n = /^data:application\/json,/;
@@ -3272,9 +3272,9 @@ let Zi = class {
           return s;
         }
       } else {
-        if (t instanceof Pn)
-          return Ln.fromSourceMap(t).toString();
         if (t instanceof Ln)
+          return $n.fromSourceMap(t).toString();
+        if (t instanceof $n)
           return t.toString();
         if (this.isMap(t))
           return JSON.stringify(t);
@@ -3300,11 +3300,11 @@ let Zi = class {
 };
 var Ia = Zi;
 Zi.default = Zi;
-let { SourceMapConsumer: xf, SourceMapGenerator: Af } = ge, { fileURLToPath: $n, pathToFileURL: Qt } = ge, { isAbsolute: Xi, resolve: Ji } = ge, { nanoid: Rf } = bf, wi = ge, Fn = Fs, kf = Ia, bi = Symbol("fromOffsetCache"), Mf = !!(xf && Af), Bn = !!(Ji && Xi), Lr = class {
+let { SourceMapConsumer: xf, SourceMapGenerator: Af } = ye, { fileURLToPath: Fn, pathToFileURL: Qt } = ye, { isAbsolute: Xi, resolve: Ji } = ye, { nanoid: Rf } = bf, wi = ye, Bn = Bs, kf = Ia, bi = Symbol("fromOffsetCache"), Mf = !!(xf && Af), Un = !!(Ji && Xi), Lr = class {
   constructor(e, t = {}) {
     if (e === null || typeof e > "u" || typeof e == "object" && !e.toString)
       throw new Error(`PostCSS received ${e} instead of CSS string`);
-    if (this.css = e.toString(), this.css[0] === "\uFEFF" || this.css[0] === "￾" ? (this.hasBOM = !0, this.css = this.css.slice(1)) : this.hasBOM = !1, t.from && (!Bn || /^\w+:\/\//.test(t.from) || Xi(t.from) ? this.file = t.from : this.file = Ji(t.from)), Bn && Mf) {
+    if (this.css = e.toString(), this.css[0] === "\uFEFF" || this.css[0] === "￾" ? (this.hasBOM = !0, this.css = this.css.slice(1)) : this.hasBOM = !1, t.from && (!Un || /^\w+:\/\//.test(t.from) || Xi(t.from) ? this.file = t.from : this.file = Ji(t.from)), Un && Mf) {
       let i = new kf(this.css, t);
       if (i.text) {
         this.map = i;
@@ -3333,14 +3333,14 @@ let { SourceMapConsumer: xf, SourceMapGenerator: Af } = ge, { fileURLToPath: $n,
       t = c.line, i = c.col;
     }
     let l = this.origin(t, i, o, a);
-    return l ? n = new Fn(
+    return l ? n = new Bn(
       e,
       l.endLine === void 0 ? l.line : { column: l.column, line: l.line },
       l.endLine === void 0 ? l.column : { column: l.endColumn, line: l.endLine },
       l.source,
       l.file,
       s.plugin
-    ) : n = new Fn(
+    ) : n = new Bn(
       e,
       o === void 0 ? t : { column: i, line: t },
       o === void 0 ? i : { column: a, line: o },
@@ -3405,8 +3405,8 @@ let { SourceMapConsumer: xf, SourceMapGenerator: Af } = ge, { fileURLToPath: $n,
       url: l.toString()
     };
     if (l.protocol === "file:")
-      if ($n)
-        c.file = $n(l);
+      if (Fn)
+        c.file = Fn(l);
       else
         throw new Error("file: protocol is not available in this PostCSS build");
     let u = n.sourceContentFor(o.source);
@@ -3425,7 +3425,7 @@ let { SourceMapConsumer: xf, SourceMapGenerator: Af } = ge, { fileURLToPath: $n,
 var si = Lr;
 Lr.default = Lr;
 wi && wi.registerInput && wi.registerInput(Lr);
-let { SourceMapConsumer: Da, SourceMapGenerator: Mr } = ge, { dirname: Nr, relative: Ta, resolve: Oa, sep: Pa } = ge, { pathToFileURL: Un } = ge, Nf = si, _f = !!(Da && Mr), If = !!(Nr && Oa && Ta && Pa), Df = class {
+let { SourceMapConsumer: Da, SourceMapGenerator: Mr } = ye, { dirname: Nr, relative: Ta, resolve: Oa, sep: Pa } = ye, { pathToFileURL: zn } = ye, Nf = si, _f = !!(Da && Mr), If = !!(Nr && Oa && Ta && Pa), Df = class {
   constructor(e, t, i, s) {
     this.stringify = e, this.mapOpts = i.map || {}, this.root = t, this.opts = i, this.css = s, this.originalCSS = s, this.usesFileUrls = !this.mapOpts.from && this.mapOpts.absolute, this.memoizedFileURLs = /* @__PURE__ */ new Map(), this.memoizedPaths = /* @__PURE__ */ new Map(), this.memoizedURLs = /* @__PURE__ */ new Map();
   }
@@ -3568,8 +3568,8 @@ let { SourceMapConsumer: Da, SourceMapGenerator: Mr } = ge, { dirname: Nr, relat
   toFileUrl(e) {
     let t = this.memoizedFileURLs.get(e);
     if (t) return t;
-    if (Un) {
-      let i = Un(e).toString();
+    if (zn) {
+      let i = zn(e).toString();
       return this.memoizedFileURLs.set(e, i), i;
     } else
       throw new Error(
@@ -3592,7 +3592,7 @@ let Tf = ri, Ki = class extends Tf {
 };
 var ni = Ki;
 Ki.default = Ki;
-let { isClean: $a, my: Fa } = zt, Ba = ii, Ua = ni, Of = ri, za, Bs, Us, ja;
+let { isClean: $a, my: Fa } = zt, Ba = ii, Ua = ni, Of = ri, za, Us, zs, ja;
 function Wa(r) {
   return r.map((e) => (e.nodes && (e.nodes = Wa(e.nodes)), delete e.source, e));
 }
@@ -3683,9 +3683,9 @@ let Ne = class Ga extends Of {
         throw new Error("Value field is missed in node creation");
       typeof e.value != "string" && (e.value = String(e.value)), e = [new Ba(e)];
     } else if (e.selector)
-      e = [new Bs(e)];
-    else if (e.name)
       e = [new Us(e)];
+    else if (e.name)
+      e = [new zs(e)];
     else if (e.text)
       e = [new Ua(e)];
     else
@@ -3790,10 +3790,10 @@ Ne.registerParse = (r) => {
   za = r;
 };
 Ne.registerRule = (r) => {
-  Bs = r;
+  Us = r;
 };
 Ne.registerAtRule = (r) => {
-  Us = r;
+  zs = r;
 };
 Ne.registerRoot = (r) => {
   ja = r;
@@ -3801,7 +3801,7 @@ Ne.registerRoot = (r) => {
 var je = Ne;
 Ne.default = Ne;
 Ne.rebuild = (r) => {
-  r.type === "atrule" ? Object.setPrototypeOf(r, Us.prototype) : r.type === "rule" ? Object.setPrototypeOf(r, Bs.prototype) : r.type === "decl" ? Object.setPrototypeOf(r, Ba.prototype) : r.type === "comment" ? Object.setPrototypeOf(r, Ua.prototype) : r.type === "root" && Object.setPrototypeOf(r, ja.prototype), r[Fa] = !0, r.nodes && r.nodes.forEach((e) => {
+  r.type === "atrule" ? Object.setPrototypeOf(r, zs.prototype) : r.type === "rule" ? Object.setPrototypeOf(r, Us.prototype) : r.type === "decl" ? Object.setPrototypeOf(r, Ba.prototype) : r.type === "comment" ? Object.setPrototypeOf(r, Ua.prototype) : r.type === "root" && Object.setPrototypeOf(r, ja.prototype), r[Fa] = !0, r.nodes && r.nodes.forEach((e) => {
     Ne.rebuild(e);
   });
 };
@@ -3819,11 +3819,11 @@ It.registerLazyResult = (r) => {
 It.registerProcessor = (r) => {
   Ha = r;
 };
-var zs = It;
+var js = It;
 It.default = It;
-let zn = {};
+let jn = {};
 var Za = function(e) {
-  zn[e] || (zn[e] = !0, typeof console < "u" && console.warn && console.warn(e));
+  jn[e] || (jn[e] = !0, typeof console < "u" && console.warn && console.warn(e));
 };
 let qi = class {
   constructor(e, t = {}) {
@@ -3862,9 +3862,9 @@ let Lf = Xa, Qi = class {
     return this.css;
   }
 };
-var js = Qi;
+var Ws = Qi;
 Qi.default = Qi;
-const vi = 39, jn = 34, er = 92, Wn = 47, tr = 10, dt = 32, rr = 12, ir = 9, sr = 13, $f = 91, Ff = 93, Bf = 40, Uf = 41, zf = 123, jf = 125, Wf = 59, Vf = 42, Gf = 58, Yf = 64, nr = /[\t\n\f\r "#'()/;[\\\]{}]/g, or = /[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g, Hf = /.[\r\n"'(/\\]/, Vn = /[\da-f]/i;
+const vi = 39, Wn = 34, er = 92, Vn = 47, tr = 10, pt = 32, rr = 12, ir = 9, sr = 13, $f = 91, Ff = 93, Bf = 40, Uf = 41, zf = 123, jf = 125, Wf = 59, Vf = 42, Gf = 58, Yf = 64, nr = /[\t\n\f\r "#'()/;[\\\]{}]/g, or = /[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g, Hf = /.[\r\n"'(/\\]/, Gn = /[\da-f]/i;
 var Zf = function(e, t = {}) {
   let i = e.css.valueOf(), s = t.ignoreErrors, n, o, a, l, c, u, h, f, d, m, w = i.length, p = 0, g = [], b = [];
   function v() {
@@ -3882,14 +3882,14 @@ var Zf = function(e, t = {}) {
     let K = T ? T.ignoreUnclosed : !1;
     switch (n = i.charCodeAt(p), n) {
       case tr:
-      case dt:
+      case pt:
       case ir:
       case sr:
       case rr: {
         o = p;
         do
           o += 1, n = i.charCodeAt(o);
-        while (n === dt || n === tr || n === ir || n === sr || n === rr);
+        while (n === pt || n === tr || n === ir || n === sr || n === rr);
         m = ["space", i.slice(p, o)], p = o - 1;
         break;
       }
@@ -3905,7 +3905,7 @@ var Zf = function(e, t = {}) {
         break;
       }
       case Bf: {
-        if (f = g.length ? g.pop()[1] : "", d = i.charCodeAt(p + 1), f === "url" && d !== vi && d !== jn && d !== dt && d !== tr && d !== ir && d !== rr && d !== sr) {
+        if (f = g.length ? g.pop()[1] : "", d = i.charCodeAt(p + 1), f === "url" && d !== vi && d !== Wn && d !== pt && d !== tr && d !== ir && d !== rr && d !== sr) {
           o = p;
           do {
             if (u = !1, o = i.indexOf(")", o + 1), o === -1)
@@ -3923,7 +3923,7 @@ var Zf = function(e, t = {}) {
         break;
       }
       case vi:
-      case jn: {
+      case Wn: {
         a = n === vi ? "'" : '"', o = p;
         do {
           if (u = !1, o = i.indexOf(a, o + 1), o === -1)
@@ -3945,16 +3945,16 @@ var Zf = function(e, t = {}) {
       case er: {
         for (o = p, c = !0; i.charCodeAt(o + 1) === er; )
           o += 1, c = !c;
-        if (n = i.charCodeAt(o + 1), c && n !== Wn && n !== dt && n !== tr && n !== ir && n !== sr && n !== rr && (o += 1, Vn.test(i.charAt(o)))) {
-          for (; Vn.test(i.charAt(o + 1)); )
+        if (n = i.charCodeAt(o + 1), c && n !== Vn && n !== pt && n !== tr && n !== ir && n !== sr && n !== rr && (o += 1, Gn.test(i.charAt(o)))) {
+          for (; Gn.test(i.charAt(o + 1)); )
             o += 1;
-          i.charCodeAt(o + 1) === dt && (o += 1);
+          i.charCodeAt(o + 1) === pt && (o += 1);
         }
         m = ["word", i.slice(p, o + 1), p, o], p = o;
         break;
       }
       default: {
-        n === Wn && i.charCodeAt(p + 1) === Vf ? (o = i.indexOf("*/", p + 2) + 1, o === 0 && (s || K ? o = i.length : E("comment")), m = ["comment", i.slice(p, o + 1), p, o], p = o) : (or.lastIndex = p + 1, or.test(i), or.lastIndex === 0 ? o = i.length - 1 : o = or.lastIndex - 2, m = ["word", i.slice(p, o + 1), p, o], g.push(m), p = o);
+        n === Vn && i.charCodeAt(p + 1) === Vf ? (o = i.indexOf("*/", p + 2) + 1, o === 0 && (s || K ? o = i.length : E("comment")), m = ["comment", i.slice(p, o + 1), p, o], p = o) : (or.lastIndex = p + 1, or.test(i), or.lastIndex === 0 ? o = i.length - 1 : o = or.lastIndex - 2, m = ["word", i.slice(p, o + 1), p, o], g.push(m), p = o);
         break;
       }
     }
@@ -3981,10 +3981,10 @@ let Ja = je, $r = class extends Ja {
     return this.proxyOf.nodes || (this.nodes = []), super.prepend(...e);
   }
 };
-var Ws = $r;
+var Vs = $r;
 $r.default = $r;
 Ja.registerAtRule($r);
-let Ka = je, qa, Qa, nt = class extends Ka {
+let Ka = je, qa, Qa, ot = class extends Ka {
   constructor(e) {
     super(e), this.type = "root", this.nodes || (this.nodes = []);
   }
@@ -4007,15 +4007,15 @@ let Ka = je, qa, Qa, nt = class extends Ka {
     return new qa(new Qa(), this, e).stringify();
   }
 };
-nt.registerLazyResult = (r) => {
+ot.registerLazyResult = (r) => {
   qa = r;
 };
-nt.registerProcessor = (r) => {
+ot.registerProcessor = (r) => {
   Qa = r;
 };
-var jt = nt;
-nt.default = nt;
-Ka.registerRoot(nt);
+var jt = ot;
+ot.default = ot;
+Ka.registerRoot(ot);
 let Dt = {
   comma(r) {
     return Dt.split(r, [","], !0);
@@ -4046,11 +4046,11 @@ let tl = je, Xf = el, Fr = class extends tl {
     this.selector = e.join(i);
   }
 };
-var Vs = Fr;
+var Gs = Fr;
 Fr.default = Fr;
 tl.registerRule(Fr);
-let Jf = ii, Kf = Zf, qf = ni, Qf = Ws, ed = jt, Gn = Vs;
-const Yn = {
+let Jf = ii, Kf = Zf, qf = ni, Qf = Vs, ed = jt, Yn = Gs;
+const Hn = {
   empty: !0,
   space: !0
 };
@@ -4191,7 +4191,7 @@ let rd = class {
     );
   }
   emptyRule(e) {
-    let t = new Gn();
+    let t = new Yn();
     this.init(t, e[2]), t.selector = "", t.raws.between = "", this.current = t;
   }
   end(e) {
@@ -4286,7 +4286,7 @@ let rd = class {
   raw(e, t, i, s) {
     let n, o, a = i.length, l = "", c = !0, u, h;
     for (let f = 0; f < a; f += 1)
-      n = i[f], o = n[0], o === "space" && f === a - 1 && !s ? c = !1 : o === "comment" ? (h = i[f - 1] ? i[f - 1][0] : "empty", u = i[f + 1] ? i[f + 1][0] : "empty", !Yn[h] && !Yn[u] ? l.slice(-1) === "," ? c = !1 : l += n[1] : c = !1) : l += n[1];
+      n = i[f], o = n[0], o === "space" && f === a - 1 && !s ? c = !1 : o === "comment" ? (h = i[f - 1] ? i[f - 1][0] : "empty", u = i[f + 1] ? i[f + 1][0] : "empty", !Hn[h] && !Hn[u] ? l.slice(-1) === "," ? c = !1 : l += n[1] : c = !1) : l += n[1];
     if (!c) {
       let f = i.reduce((d, m) => d + m[1], "");
       e.raws[t] = { raw: f, value: l };
@@ -4295,7 +4295,7 @@ let rd = class {
   }
   rule(e) {
     e.pop();
-    let t = new Gn();
+    let t = new Yn();
     this.init(t, e[0][2]), t.raws.between = this.spacesAndCommentsFromEnd(e), this.raw(t, "selector", e), this.current = t;
   }
   spacesAndCommentsFromEnd(e) {
@@ -4370,10 +4370,10 @@ You tried to parse Less with the standard CSS parser; try again with the postcss
   }
   return i.root;
 }
-var Gs = Br;
+var Ys = Br;
 Br.default = Br;
 sd.registerParse(Br);
-let { isClean: Se, my: ad } = zt, ld = La, cd = ti, ud = je, hd = zs, fd = Za, Hn = js, dd = Gs, pd = jt;
+let { isClean: Ce, my: ad } = zt, ld = La, cd = ti, ud = je, hd = js, fd = Za, Zn = Ws, dd = Ys, pd = jt;
 const md = {
   atrule: "AtRule",
   comment: "Comment",
@@ -4402,8 +4402,8 @@ const md = {
   Once: !0,
   postcssPlugin: !0,
   prepare: !0
-}, ot = 0;
-function pt(r) {
+}, at = 0;
+function mt(r) {
   return typeof r == "object" && typeof r.then == "function";
 }
 function rl(r) {
@@ -4411,14 +4411,14 @@ function rl(r) {
   return r.type === "decl" ? e = r.prop.toLowerCase() : r.type === "atrule" && (e = r.name.toLowerCase()), e && r.append ? [
     t,
     t + "-" + e,
-    ot,
+    at,
     t + "Exit",
     t + "Exit-" + e
-  ] : e ? [t, t + "-" + e, t + "Exit", t + "Exit-" + e] : r.append ? [t, ot, t + "Exit"] : [t, t + "Exit"];
+  ] : e ? [t, t + "-" + e, t + "Exit", t + "Exit-" + e] : r.append ? [t, at, t + "Exit"] : [t, t + "Exit"];
 }
-function Zn(r) {
+function Xn(r) {
   let e;
-  return r.type === "document" ? e = ["Document", ot, "DocumentExit"] : r.type === "root" ? e = ["Root", ot, "RootExit"] : e = rl(r), {
+  return r.type === "document" ? e = ["Document", at, "DocumentExit"] : r.type === "root" ? e = ["Root", at, "RootExit"] : e = rl(r), {
     eventIndex: 0,
     events: e,
     iterator: 0,
@@ -4428,15 +4428,15 @@ function Zn(r) {
   };
 }
 function es(r) {
-  return r[Se] = !1, r.nodes && r.nodes.forEach((e) => es(e)), r;
+  return r[Ce] = !1, r.nodes && r.nodes.forEach((e) => es(e)), r;
 }
-let ts = {}, at = class il {
+let ts = {}, lt = class il {
   constructor(e, t, i) {
     this.stringified = !1, this.processed = !1;
     let s;
     if (typeof t == "object" && t !== null && (t.type === "root" || t.type === "document"))
       s = es(t);
-    else if (t instanceof il || t instanceof Hn)
+    else if (t instanceof il || t instanceof Zn)
       s = es(t.root), t.map && (typeof i.map > "u" && (i.map = {}), i.map.inline || (i.map.inline = !1), i.map.prev = t.map);
     else {
       let n = dd;
@@ -4448,7 +4448,7 @@ let ts = {}, at = class il {
       }
       s && !s[ad] && ud.rebuild(s);
     }
-    this.result = new Hn(e, s, i), this.helpers = { ...ts, postcss: ts, result: this.result }, this.plugins = this.processor.plugins.map((n) => typeof n == "object" && n.prepare ? { ...n, ...n.prepare(this.result) } : n);
+    this.result = new Zn(e, s, i), this.helpers = { ...ts, postcss: ts, result: this.result }, this.plugins = this.processor.plugins.map((n) => typeof n == "object" && n.prepare ? { ...n, ...n.prepare(this.result) } : n);
   }
   async() {
     return this.error ? Promise.reject(this.error) : this.processed ? Promise.resolve(this.result) : (this.processing || (this.processing = this.runAsync()), this.processing);
@@ -4506,7 +4506,7 @@ let ts = {}, at = class il {
     this.plugin = 0;
     for (let e = 0; e < this.plugins.length; e++) {
       let t = this.plugins[e], i = this.runOnRoot(t);
-      if (pt(i))
+      if (mt(i))
         try {
           await i;
         } catch (s) {
@@ -4515,12 +4515,12 @@ let ts = {}, at = class il {
     }
     if (this.prepareVisitors(), this.hasListener) {
       let e = this.result.root;
-      for (; !e[Se]; ) {
-        e[Se] = !0;
-        let t = [Zn(e)];
+      for (; !e[Ce]; ) {
+        e[Ce] = !0;
+        let t = [Xn(e)];
         for (; t.length > 0; ) {
           let i = this.visitTick(t);
-          if (pt(i))
+          if (mt(i))
             try {
               await i;
             } catch (s) {
@@ -4555,7 +4555,7 @@ let ts = {}, at = class il {
           let t = this.result.root.nodes.map(
             (i) => e.Once(i, this.helpers)
           );
-          return pt(t[0]) ? Promise.all(t) : t;
+          return mt(t[0]) ? Promise.all(t) : t;
         }
         return e.Once(this.result.root, this.helpers);
       } else if (typeof e == "function")
@@ -4580,13 +4580,13 @@ let ts = {}, at = class il {
       throw this.getAsyncError();
     for (let e of this.plugins) {
       let t = this.runOnRoot(e);
-      if (pt(t))
+      if (mt(t))
         throw this.getAsyncError();
     }
     if (this.prepareVisitors(), this.hasListener) {
       let e = this.result.root;
-      for (; !e[Se]; )
-        e[Se] = !0, this.walkSync(e);
+      for (; !e[Ce]; )
+        e[Ce] = !0, this.walkSync(e);
       if (this.listeners.OnceExit)
         if (e.type === "document")
           for (let t of e.nodes)
@@ -4615,7 +4615,7 @@ let ts = {}, at = class il {
       }
       if (t.type !== "root" && t.type !== "document" && !t.parent)
         return !0;
-      if (pt(n))
+      if (mt(n))
         throw this.getAsyncError();
     }
   }
@@ -4637,8 +4637,8 @@ let ts = {}, at = class il {
     if (t.iterator !== 0) {
       let o = t.iterator, a;
       for (; a = i.nodes[i.indexes[o]]; )
-        if (i.indexes[o] += 1, !a[Se]) {
-          a[Se] = !0, e.push(Zn(a));
+        if (i.indexes[o] += 1, !a[Ce]) {
+          a[Ce] = !0, e.push(Xn(a));
           return;
         }
       t.iterator = 0, delete i.indexes[o];
@@ -4646,8 +4646,8 @@ let ts = {}, at = class il {
     let n = t.events;
     for (; t.eventIndex < n.length; ) {
       let o = n[t.eventIndex];
-      if (t.eventIndex += 1, o === ot) {
-        i.nodes && i.nodes.length && (i[Se] = !0, t.iterator = i.getIterator());
+      if (t.eventIndex += 1, o === at) {
+        i.nodes && i.nodes.length && (i[Ce] = !0, t.iterator = i.getIterator());
         return;
       } else if (this.listeners[o]) {
         t.visitors = this.listeners[o];
@@ -4657,12 +4657,12 @@ let ts = {}, at = class il {
     e.pop();
   }
   walkSync(e) {
-    e[Se] = !0;
+    e[Ce] = !0;
     let t = rl(e);
     for (let i of t)
-      if (i === ot)
+      if (i === at)
         e.nodes && e.each((s) => {
-          s[Se] || this.walkSync(s);
+          s[Ce] || this.walkSync(s);
         });
       else {
         let s = this.listeners[i];
@@ -4698,15 +4698,15 @@ let ts = {}, at = class il {
     return "LazyResult";
   }
 };
-at.registerPostcss = (r) => {
+lt.registerPostcss = (r) => {
   ts = r;
 };
-var sl = at;
-at.default = at;
-pd.registerLazyResult(at);
-hd.registerLazyResult(at);
-let wd = La, bd = ti, vd = Za, Sd = Gs;
-const Cd = js;
+var sl = lt;
+lt.default = lt;
+pd.registerLazyResult(lt);
+hd.registerLazyResult(lt);
+let wd = La, bd = ti, vd = Za, Sd = Ys;
+const Cd = Ws;
 let rs = class {
   constructor(e, t, i) {
     t = t.toString(), this.stringified = !1, this._processor = e, this._css = t, this._opts = i, this._map = void 0;
@@ -4786,7 +4786,7 @@ let rs = class {
 };
 var Ed = rs;
 rs.default = rs;
-let xd = Ed, Ad = sl, Rd = zs, kd = jt, Tt = class {
+let xd = Ed, Ad = sl, Rd = js, kd = jt, Tt = class {
   constructor(e = []) {
     this.version = "8.4.38", this.plugins = this.normalize(e);
   }
@@ -4819,7 +4819,7 @@ var Md = Tt;
 Tt.default = Tt;
 kd.registerProcessor(Tt);
 Rd.registerProcessor(Tt);
-let Nd = ii, _d = Ia, Id = ni, Dd = Ws, Td = si, Od = jt, Pd = Vs;
+let Nd = ii, _d = Ia, Id = ni, Dd = Vs, Td = si, Od = jt, Pd = Gs;
 function Ot(r, e) {
   if (Array.isArray(r)) return r.map((s) => Ot(s));
   let { inputs: t, ...i } = r;
@@ -4851,9 +4851,9 @@ function Ot(r, e) {
 }
 var Ld = Ot;
 Ot.default = Ot;
-let $d = Fs, nl = ii, Fd = sl, Bd = je, Ys = Md, Ud = ti, zd = Ld, ol = zs, jd = Xa, al = ni, ll = Ws, Wd = js, Vd = si, Gd = Gs, Yd = el, cl = Vs, ul = jt, Hd = ri;
+let $d = Bs, nl = ii, Fd = sl, Bd = je, Hs = Md, Ud = ti, zd = Ld, ol = js, jd = Xa, al = ni, ll = Vs, Wd = Ws, Vd = si, Gd = Ys, Yd = el, cl = Gs, ul = jt, Hd = ri;
 function j(...r) {
-  return r.length === 1 && Array.isArray(r[0]) && (r = r[0]), new Ys(r);
+  return r.length === 1 && Array.isArray(r[0]) && (r = r[0]), new Hs(r);
 }
 j.plugin = function(e, t) {
   let i = !1;
@@ -4866,7 +4866,7 @@ https://evilmartians.com/chronicles/postcss-8-plugin-migration`
 https://www.w3ctech.com/topic/2226`
     ));
     let a = t(...o);
-    return a.postcssPlugin = e, a.postcssVersion = new Ys().version, a;
+    return a.postcssPlugin = e, a.postcssVersion = new Hs().version, a;
   }
   let n;
   return Object.defineProperty(s, "postcss", {
@@ -4890,7 +4890,7 @@ j.document = (r) => new ol(r);
 j.CssSyntaxError = $d;
 j.Declaration = nl;
 j.Container = Bd;
-j.Processor = Ys;
+j.Processor = Hs;
 j.Document = ol;
 j.Comment = al;
 j.Warning = jd;
@@ -4928,7 +4928,7 @@ X.Input;
 X.Rule;
 X.Root;
 X.Node;
-const Xn = {
+const Jn = {
   script: "noscript",
   // camel case svg element tag names
   altglyph: "altGlyph",
@@ -4969,7 +4969,7 @@ const Xn = {
   radialgradient: "radialGradient"
 };
 function Xd(r) {
-  let e = Xn[r.tagName] ? Xn[r.tagName] : r.tagName;
+  let e = Jn[r.tagName] ? Jn[r.tagName] : r.tagName;
   return e === "link" && r.attributes._cssText && (e = "style"), e;
 }
 function oi(r, e) {
@@ -4986,7 +4986,7 @@ function oi(r, e) {
   }
   return e?.stylesWithHoverClass.set(r, i), i;
 }
-function Jn() {
+function Kn() {
   return {
     stylesWithHoverClass: /* @__PURE__ */ new Map()
   };
@@ -5229,10 +5229,10 @@ function tp(r, e) {
     i && i(c), ep(c, a);
   }), l;
 }
-var rp = Object.defineProperty, ip = (r, e, t) => e in r ? rp(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, x = (r, e, t) => ip(r, typeof e != "symbol" ? e + "" : e, t), sp = Object.defineProperty, np = (r, e, t) => e in r ? sp(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Kn = (r, e, t) => np(r, typeof e != "symbol" ? e + "" : e, t);
+var rp = Object.defineProperty, ip = (r, e, t) => e in r ? rp(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, x = (r, e, t) => ip(r, typeof e != "symbol" ? e + "" : e, t), sp = Object.defineProperty, np = (r, e, t) => e in r ? sp(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, qn = (r, e, t) => np(r, typeof e != "symbol" ? e + "" : e, t);
 let op = class {
   constructor() {
-    Kn(this, "idNodeMap", /* @__PURE__ */ new Map()), Kn(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
+    qn(this, "idNodeMap", /* @__PURE__ */ new Map()), qn(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
   }
   getId(e) {
     var t;
@@ -5302,17 +5302,17 @@ function cp(r) {
     });
   }), t;
 }
-var Hs = { exports: {} }, H = String, hl = function() {
+var Zs = { exports: {} }, H = String, hl = function() {
   return { isColorSupported: !1, reset: H, bold: H, dim: H, italic: H, underline: H, inverse: H, hidden: H, strikethrough: H, black: H, red: H, green: H, yellow: H, blue: H, magenta: H, cyan: H, white: H, gray: H, bgBlack: H, bgRed: H, bgGreen: H, bgYellow: H, bgBlue: H, bgMagenta: H, bgCyan: H, bgWhite: H };
 };
-Hs.exports = hl();
-Hs.exports.createColors = hl;
-var up = Hs.exports;
+Zs.exports = hl();
+Zs.exports.createColors = hl;
+var up = Zs.exports;
 const hp = {}, fp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: hp
-}, Symbol.toStringTag, { value: "Module" })), ye = /* @__PURE__ */ cp(fp);
-let qn = up, Qn = ye, is = class fl extends Error {
+}, Symbol.toStringTag, { value: "Module" })), we = /* @__PURE__ */ cp(fp);
+let Qn = up, eo = we, is = class fl extends Error {
   constructor(e, t, i, s, n, o) {
     super(e), this.name = "CssSyntaxError", this.reason = e, n && (this.file = n), s && (this.source = s), o && (this.plugin = o), typeof t < "u" && typeof i < "u" && (typeof t == "number" ? (this.line = t, this.column = i) : (this.line = t.line, this.column = t.column, this.endLine = i.line, this.endColumn = i.column)), this.setMessage(), Error.captureStackTrace && Error.captureStackTrace(this, fl);
   }
@@ -5322,10 +5322,10 @@ let qn = up, Qn = ye, is = class fl extends Error {
   showSourceCode(e) {
     if (!this.source) return "";
     let t = this.source;
-    e == null && (e = qn.isColorSupported), Qn && e && (t = Qn(t));
+    e == null && (e = Qn.isColorSupported), eo && e && (t = eo(t));
     let i = t.split(/\r?\n/), s = Math.max(this.line - 3, 0), n = Math.min(this.line + 2, i.length), o = String(n).length, a, l;
     if (e) {
-      let { bold: c, gray: u, red: h } = qn.createColors(!0);
+      let { bold: c, gray: u, red: h } = Qn.createColors(!0);
       a = (f) => c(h(f)), l = (f) => u(f);
     } else
       a = l = (c) => c;
@@ -5348,12 +5348,12 @@ let qn = up, Qn = ye, is = class fl extends Error {
 `), this.name + ": " + this.message + e;
   }
 };
-var Zs = is;
+var Xs = is;
 is.default = is;
 var Wt = {};
 Wt.isClean = Symbol("isClean");
 Wt.my = Symbol("my");
-const eo = {
+const to = {
   after: `
 `,
   beforeClose: `
@@ -5436,7 +5436,7 @@ let ss = class {
     let n = e.parent;
     if (i === "before" && (!n || n.type === "root" && n.first === e || n && n.type === "document"))
       return "";
-    if (!n) return eo[i];
+    if (!n) return to[i];
     let o = e.root();
     if (o.rawCache || (o.rawCache = {}), typeof o.rawCache[i] < "u")
       return o.rawCache[i];
@@ -5448,7 +5448,7 @@ let ss = class {
         if (s = l.raws[t], typeof s < "u") return !1;
       });
     }
-    return typeof s > "u" && (s = eo[i]), o.rawCache[i] = s, s;
+    return typeof s > "u" && (s = to[i]), o.rawCache[i] = s, s;
   }
   rawBeforeClose(e) {
     let t;
@@ -5548,7 +5548,7 @@ function ns(r, e) {
 }
 var ai = ns;
 ns.default = ns;
-let { isClean: ar, my: mp } = Wt, gp = Zs, yp = dl, wp = ai;
+let { isClean: ar, my: mp } = Wt, gp = Xs, yp = dl, wp = ai;
 function os(r, e) {
   let t = new r.constructor();
   for (let i in r) {
@@ -5772,7 +5772,7 @@ let vp = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Sp
   return e;
 };
 var Cp = { nanoid: Sp };
-let { SourceMapConsumer: to, SourceMapGenerator: ro } = ye, { existsSync: Ep, readFileSync: xp } = ye, { dirname: Si, join: Ap } = ye;
+let { SourceMapConsumer: ro, SourceMapGenerator: io } = we, { existsSync: Ep, readFileSync: xp } = we, { dirname: Si, join: Ap } = we;
 function Rp(r) {
   return Buffer ? Buffer.from(r, "base64").toString() : window.atob(r);
 }
@@ -5784,7 +5784,7 @@ let cs = class {
     !this.mapFile && t.from && (this.mapFile = t.from), this.mapFile && (this.root = Si(this.mapFile)), s && (this.text = s);
   }
   consumer() {
-    return this.consumerCache || (this.consumerCache = new to(this.text)), this.consumerCache;
+    return this.consumerCache || (this.consumerCache = new ro(this.text)), this.consumerCache;
   }
   decodeInline(e) {
     let t = /^data:application\/json;charset=utf-?8;base64,/, i = /^data:application\/json;base64,/, s = /^data:application\/json;charset=utf-?8,/, n = /^data:application\/json,/;
@@ -5827,9 +5827,9 @@ let cs = class {
           return s;
         }
       } else {
-        if (t instanceof to)
-          return ro.fromSourceMap(t).toString();
         if (t instanceof ro)
+          return io.fromSourceMap(t).toString();
+        if (t instanceof io)
           return t.toString();
         if (this.isMap(t))
           return JSON.stringify(t);
@@ -5855,11 +5855,11 @@ let cs = class {
 };
 var pl = cs;
 cs.default = cs;
-let { SourceMapConsumer: kp, SourceMapGenerator: Mp } = ye, { fileURLToPath: io, pathToFileURL: lr } = ye, { isAbsolute: us, resolve: hs } = ye, { nanoid: Np } = Cp, Ci = ye, so = Zs, _p = pl, Ei = Symbol("fromOffsetCache"), Ip = !!(kp && Mp), no = !!(hs && us), Ur = class {
+let { SourceMapConsumer: kp, SourceMapGenerator: Mp } = we, { fileURLToPath: so, pathToFileURL: lr } = we, { isAbsolute: us, resolve: hs } = we, { nanoid: Np } = Cp, Ci = we, no = Xs, _p = pl, Ei = Symbol("fromOffsetCache"), Ip = !!(kp && Mp), oo = !!(hs && us), Ur = class {
   constructor(e, t = {}) {
     if (e === null || typeof e > "u" || typeof e == "object" && !e.toString)
       throw new Error(`PostCSS received ${e} instead of CSS string`);
-    if (this.css = e.toString(), this.css[0] === "\uFEFF" || this.css[0] === "￾" ? (this.hasBOM = !0, this.css = this.css.slice(1)) : this.hasBOM = !1, t.from && (!no || /^\w+:\/\//.test(t.from) || us(t.from) ? this.file = t.from : this.file = hs(t.from)), no && Ip) {
+    if (this.css = e.toString(), this.css[0] === "\uFEFF" || this.css[0] === "￾" ? (this.hasBOM = !0, this.css = this.css.slice(1)) : this.hasBOM = !1, t.from && (!oo || /^\w+:\/\//.test(t.from) || us(t.from) ? this.file = t.from : this.file = hs(t.from)), oo && Ip) {
       let i = new _p(this.css, t);
       if (i.text) {
         this.map = i;
@@ -5888,14 +5888,14 @@ let { SourceMapConsumer: kp, SourceMapGenerator: Mp } = ye, { fileURLToPath: io,
       t = c.line, i = c.col;
     }
     let l = this.origin(t, i, o, a);
-    return l ? n = new so(
+    return l ? n = new no(
       e,
       l.endLine === void 0 ? l.line : { column: l.column, line: l.line },
       l.endLine === void 0 ? l.column : { column: l.endColumn, line: l.endLine },
       l.source,
       l.file,
       s.plugin
-    ) : n = new so(
+    ) : n = new no(
       e,
       o === void 0 ? t : { column: i, line: t },
       o === void 0 ? i : { column: a, line: o },
@@ -5960,8 +5960,8 @@ let { SourceMapConsumer: kp, SourceMapGenerator: Mp } = ye, { fileURLToPath: io,
       url: l.toString()
     };
     if (l.protocol === "file:")
-      if (io)
-        c.file = io(l);
+      if (so)
+        c.file = so(l);
       else
         throw new Error("file: protocol is not available in this PostCSS build");
     let u = n.sourceContentFor(o.source);
@@ -5980,7 +5980,7 @@ let { SourceMapConsumer: kp, SourceMapGenerator: Mp } = ye, { fileURLToPath: io,
 var ui = Ur;
 Ur.default = Ur;
 Ci && Ci.registerInput && Ci.registerInput(Ur);
-let { SourceMapConsumer: ml, SourceMapGenerator: _r } = ye, { dirname: Ir, relative: gl, resolve: yl, sep: wl } = ye, { pathToFileURL: oo } = ye, Dp = ui, Tp = !!(ml && _r), Op = !!(Ir && yl && gl && wl), Pp = class {
+let { SourceMapConsumer: ml, SourceMapGenerator: _r } = we, { dirname: Ir, relative: gl, resolve: yl, sep: wl } = we, { pathToFileURL: ao } = we, Dp = ui, Tp = !!(ml && _r), Op = !!(Ir && yl && gl && wl), Pp = class {
   constructor(e, t, i, s) {
     this.stringify = e, this.mapOpts = i.map || {}, this.root = t, this.opts = i, this.css = s, this.originalCSS = s, this.usesFileUrls = !this.mapOpts.from && this.mapOpts.absolute, this.memoizedFileURLs = /* @__PURE__ */ new Map(), this.memoizedPaths = /* @__PURE__ */ new Map(), this.memoizedURLs = /* @__PURE__ */ new Map();
   }
@@ -6123,8 +6123,8 @@ let { SourceMapConsumer: ml, SourceMapGenerator: _r } = ye, { dirname: Ir, relat
   toFileUrl(e) {
     let t = this.memoizedFileURLs.get(e);
     if (t) return t;
-    if (oo) {
-      let i = oo(e).toString();
+    if (ao) {
+      let i = ao(e).toString();
       return this.memoizedFileURLs.set(e, i), i;
     } else
       throw new Error(
@@ -6147,7 +6147,7 @@ let Lp = li, fs = class extends Lp {
 };
 var hi = fs;
 fs.default = fs;
-let { isClean: vl, my: Sl } = Wt, Cl = ci, El = hi, $p = li, xl, Xs, Js, Al;
+let { isClean: vl, my: Sl } = Wt, Cl = ci, El = hi, $p = li, xl, Js, Ks, Al;
 function Rl(r) {
   return r.map((e) => (e.nodes && (e.nodes = Rl(e.nodes)), delete e.source, e));
 }
@@ -6238,9 +6238,9 @@ let _e = class Ml extends $p {
         throw new Error("Value field is missed in node creation");
       typeof e.value != "string" && (e.value = String(e.value)), e = [new Cl(e)];
     } else if (e.selector)
-      e = [new Xs(e)];
-    else if (e.name)
       e = [new Js(e)];
+    else if (e.name)
+      e = [new Ks(e)];
     else if (e.text)
       e = [new El(e)];
     else
@@ -6345,10 +6345,10 @@ _e.registerParse = (r) => {
   xl = r;
 };
 _e.registerRule = (r) => {
-  Xs = r;
+  Js = r;
 };
 _e.registerAtRule = (r) => {
-  Js = r;
+  Ks = r;
 };
 _e.registerRoot = (r) => {
   Al = r;
@@ -6356,7 +6356,7 @@ _e.registerRoot = (r) => {
 var We = _e;
 _e.default = _e;
 _e.rebuild = (r) => {
-  r.type === "atrule" ? Object.setPrototypeOf(r, Js.prototype) : r.type === "rule" ? Object.setPrototypeOf(r, Xs.prototype) : r.type === "decl" ? Object.setPrototypeOf(r, Cl.prototype) : r.type === "comment" ? Object.setPrototypeOf(r, El.prototype) : r.type === "root" && Object.setPrototypeOf(r, Al.prototype), r[Sl] = !0, r.nodes && r.nodes.forEach((e) => {
+  r.type === "atrule" ? Object.setPrototypeOf(r, Ks.prototype) : r.type === "rule" ? Object.setPrototypeOf(r, Js.prototype) : r.type === "decl" ? Object.setPrototypeOf(r, Cl.prototype) : r.type === "comment" ? Object.setPrototypeOf(r, El.prototype) : r.type === "root" && Object.setPrototypeOf(r, Al.prototype), r[Sl] = !0, r.nodes && r.nodes.forEach((e) => {
     _e.rebuild(e);
   });
 };
@@ -6374,11 +6374,11 @@ Pt.registerLazyResult = (r) => {
 Pt.registerProcessor = (r) => {
   _l = r;
 };
-var Ks = Pt;
+var qs = Pt;
 Pt.default = Pt;
-let ao = {};
+let lo = {};
 var Il = function(e) {
-  ao[e] || (ao[e] = !0, typeof console < "u" && console.warn && console.warn(e));
+  lo[e] || (lo[e] = !0, typeof console < "u" && console.warn && console.warn(e));
 };
 let ds = class {
   constructor(e, t = {}) {
@@ -6417,9 +6417,9 @@ let Bp = Dl, ps = class {
     return this.css;
   }
 };
-var qs = ps;
+var Qs = ps;
 ps.default = ps;
-const xi = 39, lo = 34, cr = 92, co = 47, ur = 10, mt = 32, hr = 12, fr = 9, dr = 13, Up = 91, zp = 93, jp = 40, Wp = 41, Vp = 123, Gp = 125, Yp = 59, Hp = 42, Zp = 58, Xp = 64, pr = /[\t\n\f\r "#'()/;[\\\]{}]/g, mr = /[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g, Jp = /.[\r\n"'(/\\]/, uo = /[\da-f]/i;
+const xi = 39, co = 34, cr = 92, uo = 47, ur = 10, gt = 32, hr = 12, fr = 9, dr = 13, Up = 91, zp = 93, jp = 40, Wp = 41, Vp = 123, Gp = 125, Yp = 59, Hp = 42, Zp = 58, Xp = 64, pr = /[\t\n\f\r "#'()/;[\\\]{}]/g, mr = /[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g, Jp = /.[\r\n"'(/\\]/, ho = /[\da-f]/i;
 var Kp = function(e, t = {}) {
   let i = e.css.valueOf(), s = t.ignoreErrors, n, o, a, l, c, u, h, f, d, m, w = i.length, p = 0, g = [], b = [];
   function v() {
@@ -6437,14 +6437,14 @@ var Kp = function(e, t = {}) {
     let K = T ? T.ignoreUnclosed : !1;
     switch (n = i.charCodeAt(p), n) {
       case ur:
-      case mt:
+      case gt:
       case fr:
       case dr:
       case hr: {
         o = p;
         do
           o += 1, n = i.charCodeAt(o);
-        while (n === mt || n === ur || n === fr || n === dr || n === hr);
+        while (n === gt || n === ur || n === fr || n === dr || n === hr);
         m = ["space", i.slice(p, o)], p = o - 1;
         break;
       }
@@ -6460,7 +6460,7 @@ var Kp = function(e, t = {}) {
         break;
       }
       case jp: {
-        if (f = g.length ? g.pop()[1] : "", d = i.charCodeAt(p + 1), f === "url" && d !== xi && d !== lo && d !== mt && d !== ur && d !== fr && d !== hr && d !== dr) {
+        if (f = g.length ? g.pop()[1] : "", d = i.charCodeAt(p + 1), f === "url" && d !== xi && d !== co && d !== gt && d !== ur && d !== fr && d !== hr && d !== dr) {
           o = p;
           do {
             if (u = !1, o = i.indexOf(")", o + 1), o === -1)
@@ -6478,7 +6478,7 @@ var Kp = function(e, t = {}) {
         break;
       }
       case xi:
-      case lo: {
+      case co: {
         a = n === xi ? "'" : '"', o = p;
         do {
           if (u = !1, o = i.indexOf(a, o + 1), o === -1)
@@ -6500,16 +6500,16 @@ var Kp = function(e, t = {}) {
       case cr: {
         for (o = p, c = !0; i.charCodeAt(o + 1) === cr; )
           o += 1, c = !c;
-        if (n = i.charCodeAt(o + 1), c && n !== co && n !== mt && n !== ur && n !== fr && n !== dr && n !== hr && (o += 1, uo.test(i.charAt(o)))) {
-          for (; uo.test(i.charAt(o + 1)); )
+        if (n = i.charCodeAt(o + 1), c && n !== uo && n !== gt && n !== ur && n !== fr && n !== dr && n !== hr && (o += 1, ho.test(i.charAt(o)))) {
+          for (; ho.test(i.charAt(o + 1)); )
             o += 1;
-          i.charCodeAt(o + 1) === mt && (o += 1);
+          i.charCodeAt(o + 1) === gt && (o += 1);
         }
         m = ["word", i.slice(p, o + 1), p, o], p = o;
         break;
       }
       default: {
-        n === co && i.charCodeAt(p + 1) === Hp ? (o = i.indexOf("*/", p + 2) + 1, o === 0 && (s || K ? o = i.length : E("comment")), m = ["comment", i.slice(p, o + 1), p, o], p = o) : (mr.lastIndex = p + 1, mr.test(i), mr.lastIndex === 0 ? o = i.length - 1 : o = mr.lastIndex - 2, m = ["word", i.slice(p, o + 1), p, o], g.push(m), p = o);
+        n === uo && i.charCodeAt(p + 1) === Hp ? (o = i.indexOf("*/", p + 2) + 1, o === 0 && (s || K ? o = i.length : E("comment")), m = ["comment", i.slice(p, o + 1), p, o], p = o) : (mr.lastIndex = p + 1, mr.test(i), mr.lastIndex === 0 ? o = i.length - 1 : o = mr.lastIndex - 2, m = ["word", i.slice(p, o + 1), p, o], g.push(m), p = o);
         break;
       }
     }
@@ -6536,10 +6536,10 @@ let Tl = We, zr = class extends Tl {
     return this.proxyOf.nodes || (this.nodes = []), super.prepend(...e);
   }
 };
-var Qs = zr;
+var en = zr;
 zr.default = zr;
 Tl.registerAtRule(zr);
-let Ol = We, Pl, Ll, lt = class extends Ol {
+let Ol = We, Pl, Ll, ct = class extends Ol {
   constructor(e) {
     super(e), this.type = "root", this.nodes || (this.nodes = []);
   }
@@ -6562,15 +6562,15 @@ let Ol = We, Pl, Ll, lt = class extends Ol {
     return new Pl(new Ll(), this, e).stringify();
   }
 };
-lt.registerLazyResult = (r) => {
+ct.registerLazyResult = (r) => {
   Pl = r;
 };
-lt.registerProcessor = (r) => {
+ct.registerProcessor = (r) => {
   Ll = r;
 };
-var Vt = lt;
-lt.default = lt;
-Ol.registerRoot(lt);
+var Vt = ct;
+ct.default = ct;
+Ol.registerRoot(ct);
 let Lt = {
   comma(r) {
     return Lt.split(r, [","], !0);
@@ -6601,11 +6601,11 @@ let Fl = We, qp = $l, jr = class extends Fl {
     this.selector = e.join(i);
   }
 };
-var en = jr;
+var tn = jr;
 jr.default = jr;
 Fl.registerRule(jr);
-let Qp = ci, em = Kp, tm = hi, rm = Qs, im = Vt, ho = en;
-const fo = {
+let Qp = ci, em = Kp, tm = hi, rm = en, im = Vt, fo = tn;
+const po = {
   empty: !0,
   space: !0
 };
@@ -6746,7 +6746,7 @@ let nm = class {
     );
   }
   emptyRule(e) {
-    let t = new ho();
+    let t = new fo();
     this.init(t, e[2]), t.selector = "", t.raws.between = "", this.current = t;
   }
   end(e) {
@@ -6841,7 +6841,7 @@ let nm = class {
   raw(e, t, i, s) {
     let n, o, a = i.length, l = "", c = !0, u, h;
     for (let f = 0; f < a; f += 1)
-      n = i[f], o = n[0], o === "space" && f === a - 1 && !s ? c = !1 : o === "comment" ? (h = i[f - 1] ? i[f - 1][0] : "empty", u = i[f + 1] ? i[f + 1][0] : "empty", !fo[h] && !fo[u] ? l.slice(-1) === "," ? c = !1 : l += n[1] : c = !1) : l += n[1];
+      n = i[f], o = n[0], o === "space" && f === a - 1 && !s ? c = !1 : o === "comment" ? (h = i[f - 1] ? i[f - 1][0] : "empty", u = i[f + 1] ? i[f + 1][0] : "empty", !po[h] && !po[u] ? l.slice(-1) === "," ? c = !1 : l += n[1] : c = !1) : l += n[1];
     if (!c) {
       let f = i.reduce((d, m) => d + m[1], "");
       e.raws[t] = { raw: f, value: l };
@@ -6850,7 +6850,7 @@ let nm = class {
   }
   rule(e) {
     e.pop();
-    let t = new ho();
+    let t = new fo();
     this.init(t, e[0][2]), t.raws.between = this.spacesAndCommentsFromEnd(e), this.raw(t, "selector", e), this.current = t;
   }
   spacesAndCommentsFromEnd(e) {
@@ -6925,10 +6925,10 @@ You tried to parse Less with the standard CSS parser; try again with the postcss
   }
   return i.root;
 }
-var tn = Wr;
+var rn = Wr;
 Wr.default = Wr;
 am.registerParse(Wr);
-let { isClean: Ce, my: um } = Wt, hm = bl, fm = ai, dm = We, pm = Ks, mm = Il, po = qs, gm = tn, ym = Vt;
+let { isClean: Ee, my: um } = Wt, hm = bl, fm = ai, dm = We, pm = qs, mm = Il, mo = Qs, gm = rn, ym = Vt;
 const wm = {
   atrule: "AtRule",
   comment: "Comment",
@@ -6957,8 +6957,8 @@ const wm = {
   Once: !0,
   postcssPlugin: !0,
   prepare: !0
-}, ct = 0;
-function gt(r) {
+}, ut = 0;
+function yt(r) {
   return typeof r == "object" && typeof r.then == "function";
 }
 function Bl(r) {
@@ -6966,14 +6966,14 @@ function Bl(r) {
   return r.type === "decl" ? e = r.prop.toLowerCase() : r.type === "atrule" && (e = r.name.toLowerCase()), e && r.append ? [
     t,
     t + "-" + e,
-    ct,
+    ut,
     t + "Exit",
     t + "Exit-" + e
-  ] : e ? [t, t + "-" + e, t + "Exit", t + "Exit-" + e] : r.append ? [t, ct, t + "Exit"] : [t, t + "Exit"];
+  ] : e ? [t, t + "-" + e, t + "Exit", t + "Exit-" + e] : r.append ? [t, ut, t + "Exit"] : [t, t + "Exit"];
 }
-function mo(r) {
+function go(r) {
   let e;
-  return r.type === "document" ? e = ["Document", ct, "DocumentExit"] : r.type === "root" ? e = ["Root", ct, "RootExit"] : e = Bl(r), {
+  return r.type === "document" ? e = ["Document", ut, "DocumentExit"] : r.type === "root" ? e = ["Root", ut, "RootExit"] : e = Bl(r), {
     eventIndex: 0,
     events: e,
     iterator: 0,
@@ -6983,15 +6983,15 @@ function mo(r) {
   };
 }
 function ms(r) {
-  return r[Ce] = !1, r.nodes && r.nodes.forEach((e) => ms(e)), r;
+  return r[Ee] = !1, r.nodes && r.nodes.forEach((e) => ms(e)), r;
 }
-let gs = {}, ut = class Ul {
+let gs = {}, ht = class Ul {
   constructor(e, t, i) {
     this.stringified = !1, this.processed = !1;
     let s;
     if (typeof t == "object" && t !== null && (t.type === "root" || t.type === "document"))
       s = ms(t);
-    else if (t instanceof Ul || t instanceof po)
+    else if (t instanceof Ul || t instanceof mo)
       s = ms(t.root), t.map && (typeof i.map > "u" && (i.map = {}), i.map.inline || (i.map.inline = !1), i.map.prev = t.map);
     else {
       let n = gm;
@@ -7003,7 +7003,7 @@ let gs = {}, ut = class Ul {
       }
       s && !s[um] && dm.rebuild(s);
     }
-    this.result = new po(e, s, i), this.helpers = { ...gs, postcss: gs, result: this.result }, this.plugins = this.processor.plugins.map((n) => typeof n == "object" && n.prepare ? { ...n, ...n.prepare(this.result) } : n);
+    this.result = new mo(e, s, i), this.helpers = { ...gs, postcss: gs, result: this.result }, this.plugins = this.processor.plugins.map((n) => typeof n == "object" && n.prepare ? { ...n, ...n.prepare(this.result) } : n);
   }
   async() {
     return this.error ? Promise.reject(this.error) : this.processed ? Promise.resolve(this.result) : (this.processing || (this.processing = this.runAsync()), this.processing);
@@ -7061,7 +7061,7 @@ let gs = {}, ut = class Ul {
     this.plugin = 0;
     for (let e = 0; e < this.plugins.length; e++) {
       let t = this.plugins[e], i = this.runOnRoot(t);
-      if (gt(i))
+      if (yt(i))
         try {
           await i;
         } catch (s) {
@@ -7070,12 +7070,12 @@ let gs = {}, ut = class Ul {
     }
     if (this.prepareVisitors(), this.hasListener) {
       let e = this.result.root;
-      for (; !e[Ce]; ) {
-        e[Ce] = !0;
-        let t = [mo(e)];
+      for (; !e[Ee]; ) {
+        e[Ee] = !0;
+        let t = [go(e)];
         for (; t.length > 0; ) {
           let i = this.visitTick(t);
-          if (gt(i))
+          if (yt(i))
             try {
               await i;
             } catch (s) {
@@ -7110,7 +7110,7 @@ let gs = {}, ut = class Ul {
           let t = this.result.root.nodes.map(
             (i) => e.Once(i, this.helpers)
           );
-          return gt(t[0]) ? Promise.all(t) : t;
+          return yt(t[0]) ? Promise.all(t) : t;
         }
         return e.Once(this.result.root, this.helpers);
       } else if (typeof e == "function")
@@ -7135,13 +7135,13 @@ let gs = {}, ut = class Ul {
       throw this.getAsyncError();
     for (let e of this.plugins) {
       let t = this.runOnRoot(e);
-      if (gt(t))
+      if (yt(t))
         throw this.getAsyncError();
     }
     if (this.prepareVisitors(), this.hasListener) {
       let e = this.result.root;
-      for (; !e[Ce]; )
-        e[Ce] = !0, this.walkSync(e);
+      for (; !e[Ee]; )
+        e[Ee] = !0, this.walkSync(e);
       if (this.listeners.OnceExit)
         if (e.type === "document")
           for (let t of e.nodes)
@@ -7170,7 +7170,7 @@ let gs = {}, ut = class Ul {
       }
       if (t.type !== "root" && t.type !== "document" && !t.parent)
         return !0;
-      if (gt(n))
+      if (yt(n))
         throw this.getAsyncError();
     }
   }
@@ -7192,8 +7192,8 @@ let gs = {}, ut = class Ul {
     if (t.iterator !== 0) {
       let o = t.iterator, a;
       for (; a = i.nodes[i.indexes[o]]; )
-        if (i.indexes[o] += 1, !a[Ce]) {
-          a[Ce] = !0, e.push(mo(a));
+        if (i.indexes[o] += 1, !a[Ee]) {
+          a[Ee] = !0, e.push(go(a));
           return;
         }
       t.iterator = 0, delete i.indexes[o];
@@ -7201,8 +7201,8 @@ let gs = {}, ut = class Ul {
     let n = t.events;
     for (; t.eventIndex < n.length; ) {
       let o = n[t.eventIndex];
-      if (t.eventIndex += 1, o === ct) {
-        i.nodes && i.nodes.length && (i[Ce] = !0, t.iterator = i.getIterator());
+      if (t.eventIndex += 1, o === ut) {
+        i.nodes && i.nodes.length && (i[Ee] = !0, t.iterator = i.getIterator());
         return;
       } else if (this.listeners[o]) {
         t.visitors = this.listeners[o];
@@ -7212,12 +7212,12 @@ let gs = {}, ut = class Ul {
     e.pop();
   }
   walkSync(e) {
-    e[Ce] = !0;
+    e[Ee] = !0;
     let t = Bl(e);
     for (let i of t)
-      if (i === ct)
+      if (i === ut)
         e.nodes && e.each((s) => {
-          s[Ce] || this.walkSync(s);
+          s[Ee] || this.walkSync(s);
         });
       else {
         let s = this.listeners[i];
@@ -7253,15 +7253,15 @@ let gs = {}, ut = class Ul {
     return "LazyResult";
   }
 };
-ut.registerPostcss = (r) => {
+ht.registerPostcss = (r) => {
   gs = r;
 };
-var zl = ut;
-ut.default = ut;
-ym.registerLazyResult(ut);
-pm.registerLazyResult(ut);
-let Sm = bl, Cm = ai, Em = Il, xm = tn;
-const Am = qs;
+var zl = ht;
+ht.default = ht;
+ym.registerLazyResult(ht);
+pm.registerLazyResult(ht);
+let Sm = bl, Cm = ai, Em = Il, xm = rn;
+const Am = Qs;
 let ys = class {
   constructor(e, t, i) {
     t = t.toString(), this.stringified = !1, this._processor = e, this._css = t, this._opts = i, this._map = void 0;
@@ -7341,7 +7341,7 @@ let ys = class {
 };
 var Rm = ys;
 ys.default = ys;
-let km = Rm, Mm = zl, Nm = Ks, _m = Vt, $t = class {
+let km = Rm, Mm = zl, Nm = qs, _m = Vt, $t = class {
   constructor(e = []) {
     this.version = "8.4.38", this.plugins = this.normalize(e);
   }
@@ -7374,7 +7374,7 @@ var Im = $t;
 $t.default = $t;
 _m.registerProcessor($t);
 Nm.registerProcessor($t);
-let Dm = ci, Tm = pl, Om = hi, Pm = Qs, Lm = ui, $m = Vt, Fm = en;
+let Dm = ci, Tm = pl, Om = hi, Pm = en, Lm = ui, $m = Vt, Fm = tn;
 function Ft(r, e) {
   if (Array.isArray(r)) return r.map((s) => Ft(s));
   let { inputs: t, ...i } = r;
@@ -7406,9 +7406,9 @@ function Ft(r, e) {
 }
 var Bm = Ft;
 Ft.default = Ft;
-let Um = Zs, jl = ci, zm = zl, jm = We, rn = Im, Wm = ai, Vm = Bm, Wl = Ks, Gm = Dl, Vl = hi, Gl = Qs, Ym = qs, Hm = ui, Zm = tn, Xm = $l, Yl = en, Hl = Vt, Jm = li;
+let Um = Xs, jl = ci, zm = zl, jm = We, sn = Im, Wm = ai, Vm = Bm, Wl = qs, Gm = Dl, Vl = hi, Gl = en, Ym = Qs, Hm = ui, Zm = rn, Xm = $l, Yl = tn, Hl = Vt, Jm = li;
 function W(...r) {
-  return r.length === 1 && Array.isArray(r[0]) && (r = r[0]), new rn(r);
+  return r.length === 1 && Array.isArray(r[0]) && (r = r[0]), new sn(r);
 }
 W.plugin = function(e, t) {
   let i = !1;
@@ -7421,7 +7421,7 @@ https://evilmartians.com/chronicles/postcss-8-plugin-migration`
 https://www.w3ctech.com/topic/2226`
     ));
     let a = t(...o);
-    return a.postcssPlugin = e, a.postcssVersion = new rn().version, a;
+    return a.postcssPlugin = e, a.postcssVersion = new sn().version, a;
   }
   let n;
   return Object.defineProperty(s, "postcss", {
@@ -7445,7 +7445,7 @@ W.document = (r) => new Wl(r);
 W.CssSyntaxError = Um;
 W.Declaration = jl;
 W.Container = jm;
-W.Processor = rn;
+W.Processor = sn;
 W.Document = Wl;
 W.Comment = Vl;
 W.Warning = Gm;
@@ -7493,7 +7493,7 @@ function qm(r) {
     }
   }), e;
 }
-function go(r) {
+function yo(r) {
   const e = [];
   for (const t in r) {
     const i = r[t];
@@ -7504,7 +7504,7 @@ function go(r) {
   return e.join(" ");
 }
 const Qm = /-([a-z])/g, eg = /^--[a-zA-Z0-9-]+$/, ws = (r) => eg.test(r) ? r : r.replace(Qm, (e, t) => t ? t.toUpperCase() : ""), tg = /\B([A-Z])/g, rg = (r) => r.replace(tg, "-$1").toLowerCase();
-class we {
+class be {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
   constructor(...e) {
     x(this, "parentElement", null), x(this, "parentNode", null), x(this, "ownerDocument"), x(this, "firstChild", null), x(this, "lastChild", null), x(this, "previousSibling", null), x(this, "nextSibling", null), x(this, "ELEMENT_NODE", 1), x(this, "TEXT_NODE", 3), x(this, "nodeType"), x(this, "nodeName"), x(this, "RRNodeType");
@@ -7517,7 +7517,7 @@ class we {
     return e;
   }
   contains(e) {
-    if (e instanceof we) {
+    if (e instanceof be) {
       if (e.ownerDocument !== this.ownerDocument) return !1;
       if (e === this) return !0;
     } else return !1;
@@ -7549,7 +7549,7 @@ class we {
     return "RRNode";
   }
 }
-class sn extends we {
+class nn extends be {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   constructor(...e) {
     super(e), x(this, "nodeType", 9), x(this, "nodeName", "#document"), x(this, "compatMode", "CSS1Compat"), x(this, "RRNodeType", O.Document), x(this, "textContent", null), this.ownerDocument = this;
@@ -7583,7 +7583,7 @@ class sn extends we {
       throw new Error(
         `RRDomException: Failed to execute 'appendChild' on 'RRNode': Only one ${t === O.Element ? "RRElement" : "RRDoctype"} on RRDocument allowed.`
       );
-    const i = nn(this, e);
+    const i = on(this, e);
     return i.parentElement = null, i;
   }
   insertBefore(e, t) {
@@ -7617,7 +7617,7 @@ class sn extends we {
     }
   }
   createDocument(e, t, i) {
-    return new sn();
+    return new nn();
   }
   createDocumentType(e, t, i) {
     const s = new Zl(e, t, i);
@@ -7646,7 +7646,7 @@ class sn extends we {
     return "RRDocument";
   }
 }
-class Zl extends we {
+class Zl extends be {
   constructor(e, t, i) {
     super(), x(this, "nodeType", 10), x(this, "RRNodeType", O.DocumentType), x(this, "name"), x(this, "publicId"), x(this, "systemId"), x(this, "textContent", null), this.name = e, this.publicId = t, this.systemId = i, this.nodeName = e;
   }
@@ -7654,7 +7654,7 @@ class Zl extends we {
     return "RRDocumentType";
   }
 }
-class fi extends we {
+class fi extends be {
   constructor(e) {
     super(), x(this, "nodeType", 1), x(this, "RRNodeType", O.Element), x(this, "tagName"), x(this, "attributes", {}), x(this, "shadowRoot", null), x(this, "scrollLeft"), x(this, "scrollTop"), this.tagName = e.toUpperCase(), this.nodeName = e.toUpperCase();
   }
@@ -7684,11 +7684,11 @@ class fi extends we {
     return e.setProperty = (i, s, n) => {
       if (t.test(i)) return;
       const o = ws(i);
-      s ? e[o] = s : delete e[o], n === "important" && (e[o] += " !important"), this.attributes.style = go(e);
+      s ? e[o] = s : delete e[o], n === "important" && (e[o] += " !important"), this.attributes.style = yo(e);
     }, e.removeProperty = (i) => {
       if (t.test(i)) return "";
       const s = ws(i), n = e[s] || "";
-      return delete e[s], this.attributes.style = go(e), n;
+      return delete e[s], this.attributes.style = yo(e), n;
     }, e;
   }
   getAttribute(e) {
@@ -7704,7 +7704,7 @@ class fi extends we {
     delete this.attributes[e];
   }
   appendChild(e) {
-    return nn(this, e);
+    return on(this, e);
   }
   insertBefore(e, t) {
     return ql(this, e, t);
@@ -7765,7 +7765,7 @@ class sg extends fi {
     this.setAttribute("open", ""), this.setAttribute("rr_open_mode", "modal");
   }
 }
-class Xl extends we {
+class Xl extends be {
   constructor(e) {
     super(), x(this, "nodeType", 3), x(this, "nodeName", "#text"), x(this, "RRNodeType", O.Text), x(this, "data"), this.data = e;
   }
@@ -7779,7 +7779,7 @@ class Xl extends we {
     return `RRText text=${JSON.stringify(this.data)}`;
   }
 }
-class Jl extends we {
+class Jl extends be {
   constructor(e) {
     super(), x(this, "nodeType", 8), x(this, "nodeName", "#comment"), x(this, "RRNodeType", O.Comment), x(this, "data"), this.data = e;
   }
@@ -7793,7 +7793,7 @@ class Jl extends we {
     return `RRComment text=${JSON.stringify(this.data)}`;
   }
 }
-class Kl extends we {
+class Kl extends be {
   constructor(e) {
     super(), x(this, "nodeName", "#cdata-section"), x(this, "nodeType", 4), x(this, "RRNodeType", O.CDATA), x(this, "data"), this.data = e;
   }
@@ -7826,11 +7826,11 @@ class ng {
     this.onChange = t;
   }
 }
-function nn(r, e) {
+function on(r, e) {
   return e.parentNode && e.parentNode.removeChild(e), r.lastChild ? (r.lastChild.nextSibling = e, e.previousSibling = r.lastChild) : (r.firstChild = e, e.previousSibling = null), r.lastChild = e, e.nextSibling = null, e.parentNode = r, e.parentElement = r, e.ownerDocument = r.ownerDocument, e;
 }
 function ql(r, e, t) {
-  if (!t) return nn(r, e);
+  if (!t) return on(r, e);
   if (t.parentNode !== r)
     throw new Error(
       "Failed to execute 'insertBefore' on 'RRNode': The RRNode before which the new node is to be inserted is not a child of this RRNode."
@@ -7887,7 +7887,7 @@ const bs = {
   lineargradient: "linearGradient",
   radialgradient: "radialGradient"
 };
-let Ee = null;
+let xe = null;
 function Vr(r, e, t, i = e.mirror || e.ownerDocument.mirror) {
   r = ag(
     r,
@@ -7898,9 +7898,9 @@ function Vr(r, e, t, i = e.mirror || e.ownerDocument.mirror) {
 }
 function ag(r, e, t, i) {
   var s;
-  if (t.afterAppend && !Ee && (Ee = /* @__PURE__ */ new WeakSet(), setTimeout(() => {
-    Ee = null;
-  }, 0)), !on(r, e)) {
+  if (t.afterAppend && !xe && (xe = /* @__PURE__ */ new WeakSet(), setTimeout(() => {
+    xe = null;
+  }, 0)), !an(r, e)) {
     const n = Gr(
       e,
       t.mirror,
@@ -7912,7 +7912,7 @@ function ag(r, e, t, i) {
     case O.Document: {
       if (!Ze(r, e, t.mirror, i)) {
         const n = i.getMeta(e);
-        n && (t.mirror.removeNodeFromMap(r), r.close(), r.open(), t.mirror.add(r, n), Ee?.add(r));
+        n && (t.mirror.removeNodeFromMap(r), r.close(), r.open(), t.mirror.add(r, n), xe?.add(r));
       }
       break;
     }
@@ -8005,7 +8005,7 @@ function lg(r, e, t) {
       break;
     }
   }
-  Ee?.has(r) && (Ee.delete(r), (i = t.afterAppend) == null || i.call(t, r, t.mirror.getId(r)));
+  xe?.has(r) && (xe.delete(r), (i = t.afterAppend) == null || i.call(t, r, t.mirror.getId(r)));
 }
 function cg(r, e, t) {
   const i = r.attributes, s = e.attributes;
@@ -8145,7 +8145,7 @@ function ec(r, e, t, i) {
 function Gr(r, e, t) {
   const i = t.getId(r), s = t.getMeta(r);
   let n = null;
-  if (i > -1 && (n = e.getNode(i)), n !== null && on(n, r)) return n;
+  if (i > -1 && (n = e.getNode(i)), n !== null && an(n, r)) return n;
   switch (r.RRNodeType) {
     case O.Document:
       n = new Document();
@@ -8174,19 +8174,19 @@ function Gr(r, e, t) {
   }
   s && e.add(n, { ...s });
   try {
-    Ee?.add(n);
+    xe?.add(n);
   } catch {
   }
   return n;
 }
-function on(r, e) {
+function an(r, e) {
   return r.nodeType !== e.nodeType ? !1 : r.nodeType !== r.ELEMENT_NODE || r.tagName.toUpperCase() === e.tagName;
 }
 function Ze(r, e, t, i) {
   const s = t.getId(r), n = i.getId(e);
-  return s === -1 || s !== n ? !1 : on(r, e);
+  return s === -1 || s !== n ? !1 : an(r, e);
 }
-class ft extends sn {
+class dt extends nn {
   constructor(e) {
     super(), x(this, "UNSERIALIZED_STARTING_ID", -2), x(this, "_unserializedId", this.UNSERIALIZED_STARTING_ID), x(this, "mirror", Sg()), x(this, "scrollData", null), e && (this.mirror = e);
   }
@@ -8197,7 +8197,7 @@ class ft extends sn {
     return this._unserializedId--;
   }
   createDocument(e, t, i) {
-    return new ft();
+    return new dt();
   }
   createDocumentType(e, t, i) {
     const s = new ug(
@@ -8280,7 +8280,7 @@ class pg extends di {
 }
 class mg extends di {
   constructor(e, t) {
-    super(e), x(this, "contentDocument", new ft()), this.contentDocument.mirror = t;
+    super(e), x(this, "contentDocument", new dt()), this.contentDocument.mirror = t;
   }
 }
 const gg = Xl, yg = Jl, wg = Kl;
@@ -8327,9 +8327,9 @@ function tc(r, e, t, i) {
       return null;
   }
   let n = t.getMeta(r);
-  return e instanceof ft && (n || (n = rc(s, e.unserializedId), t.add(r, n)), e.mirror.add(s, { ...n })), s;
+  return e instanceof dt && (n || (n = rc(s, e.unserializedId), t.add(r, n)), e.mirror.add(s, { ...n })), s;
 }
-function vg(r, e = ap(), t = new ft()) {
+function vg(r, e = ap(), t = new dt()) {
   function i(s, n) {
     const o = tc(s, t, e, n);
     if (o !== null)
@@ -8439,7 +8439,7 @@ function rc(r, e) {
       };
   }
 }
-const yo = {
+const wo = {
   Node: [
     "childNodes",
     "parentNode",
@@ -8450,22 +8450,22 @@ const yo = {
   ShadowRoot: ["host", "styleSheets"],
   Element: ["shadowRoot", "querySelector", "querySelectorAll"],
   MutationObserver: []
-}, wo = {
+}, bo = {
   Node: ["contains", "getRootNode"],
   ShadowRoot: ["getSelection"],
   Element: [],
   MutationObserver: ["constructor"]
 }, gr = {}, Eg = () => !!globalThis.Zone;
-function an(r) {
+function ln(r) {
   if (gr[r])
     return gr[r];
-  const e = globalThis[r], t = e.prototype, i = r in yo ? yo[r] : void 0, s = !!(i && // @ts-expect-error 2345
+  const e = globalThis[r], t = e.prototype, i = r in wo ? wo[r] : void 0, s = !!(i && // @ts-expect-error 2345
   i.every(
     (a) => {
       var l, c;
       return !!((c = (l = Object.getOwnPropertyDescriptor(t, a)) == null ? void 0 : l.get) != null && c.toString().includes("[native code]"));
     }
-  )), n = r in wo ? wo[r] : void 0, o = !!(n && n.every(
+  )), n = r in bo ? bo[r] : void 0, o = !!(n && n.every(
     // @ts-expect-error 2345
     (a) => {
       var l;
@@ -8493,7 +8493,7 @@ function De(r, e, t) {
     return Ai[s].call(
       e
     );
-  const n = an(r), o = (i = Object.getOwnPropertyDescriptor(
+  const n = ln(r), o = (i = Object.getOwnPropertyDescriptor(
     n,
     t
   )) == null ? void 0 : i.get;
@@ -8506,7 +8506,7 @@ function ic(r, e, t) {
     return Ri[i].bind(
       e
     );
-  const n = an(r)[t];
+  const n = ln(r)[t];
   return typeof n != "function" ? e[t] : (Ri[i] = n, n.bind(e));
 }
 function xg(r) {
@@ -8546,7 +8546,7 @@ function Pg(r, e) {
   return De("Element", r, "querySelectorAll")(e);
 }
 function Lg() {
-  return an("MutationObserver").constructor;
+  return ln("MutationObserver").constructor;
 }
 function $g(r, e, t) {
   try {
@@ -8585,7 +8585,7 @@ const Fg = {
 }, Xe = `Please stop import mirror directly. Instead of that,\r
 now you can use replayer.getMirror() to access the mirror instance of a replayer,\r
 or you can use record.mirror to access the mirror instance during recording.`;
-let bo = {
+let vo = {
   map: {},
   getId() {
     return console.error(Xe), -1;
@@ -8603,7 +8603,7 @@ let bo = {
     console.error(Xe);
   }
 };
-typeof window < "u" && window.Proxy && window.Reflect && (bo = new Proxy(bo, {
+typeof window < "u" && window.Proxy && window.Reflect && (vo = new Proxy(vo, {
   get(r, e, t) {
     return e === "map" && console.error(Xe), Reflect.get(r, e, t);
   }
@@ -8674,16 +8674,16 @@ function nc(r, e) {
   };
 }
 function yr(r) {
-  return r ? r instanceof we && "shadowRoot" in r ? !!r.shadowRoot : !!Fg.shadowRoot(r) : !1;
+  return r ? r instanceof be && "shadowRoot" in r ? !!r.shadowRoot : !!Fg.shadowRoot(r) : !1;
 }
-function wt(r, e) {
+function bt(r, e) {
   const t = r[e[0]];
-  return e.length === 1 ? t : wt(
+  return e.length === 1 ? t : bt(
     t.cssRules[e[1]].cssRules,
     e.slice(2)
   );
 }
-function vo(r) {
+function So(r) {
   const e = [...r], t = e.pop();
   return { positions: e, index: t };
 }
@@ -8723,15 +8723,15 @@ class jg {
     return this.id++;
   }
 }
-var q = /* @__PURE__ */ ((r) => (r[r.DomContentLoaded = 0] = "DomContentLoaded", r[r.Load = 1] = "Load", r[r.FullSnapshot = 2] = "FullSnapshot", r[r.IncrementalSnapshot = 3] = "IncrementalSnapshot", r[r.Meta = 4] = "Meta", r[r.Custom = 5] = "Custom", r[r.Plugin = 6] = "Plugin", r))(q || {}), B = /* @__PURE__ */ ((r) => (r[r.Mutation = 0] = "Mutation", r[r.MouseMove = 1] = "MouseMove", r[r.MouseInteraction = 2] = "MouseInteraction", r[r.Scroll = 3] = "Scroll", r[r.ViewportResize = 4] = "ViewportResize", r[r.Input = 5] = "Input", r[r.TouchMove = 6] = "TouchMove", r[r.MediaInteraction = 7] = "MediaInteraction", r[r.StyleSheetRule = 8] = "StyleSheetRule", r[r.CanvasMutation = 9] = "CanvasMutation", r[r.Font = 10] = "Font", r[r.Log = 11] = "Log", r[r.Drag = 12] = "Drag", r[r.StyleDeclaration = 13] = "StyleDeclaration", r[r.Selection = 14] = "Selection", r[r.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", r[r.CustomElement = 16] = "CustomElement", r))(B || {}), se = /* @__PURE__ */ ((r) => (r[r.MouseUp = 0] = "MouseUp", r[r.MouseDown = 1] = "MouseDown", r[r.Click = 2] = "Click", r[r.ContextMenu = 3] = "ContextMenu", r[r.DblClick = 4] = "DblClick", r[r.Focus = 5] = "Focus", r[r.Blur = 6] = "Blur", r[r.TouchStart = 7] = "TouchStart", r[r.TouchMove_Departed = 8] = "TouchMove_Departed", r[r.TouchEnd = 9] = "TouchEnd", r[r.TouchCancel = 10] = "TouchCancel", r))(se || {}), Yr = /* @__PURE__ */ ((r) => (r[r["2D"] = 0] = "2D", r[r.WebGL = 1] = "WebGL", r[r.WebGL2 = 2] = "WebGL2", r))(Yr || {}), vs = /* @__PURE__ */ ((r) => (r[r.Play = 0] = "Play", r[r.Pause = 1] = "Pause", r[r.Seeked = 2] = "Seeked", r[r.VolumeChange = 3] = "VolumeChange", r[r.RateChange = 4] = "RateChange", r))(vs || {}), P = /* @__PURE__ */ ((r) => (r.Start = "start", r.Pause = "pause", r.Resume = "resume", r.Resize = "resize", r.Finish = "finish", r.FullsnapshotRebuilded = "fullsnapshot-rebuilded", r.LoadStylesheetStart = "load-stylesheet-start", r.LoadStylesheetEnd = "load-stylesheet-end", r.SkipStart = "skip-start", r.SkipEnd = "skip-end", r.MouseInteraction = "mouse-interaction", r.EventCast = "event-cast", r.CustomEvent = "custom-event", r.Flush = "flush", r.StateChange = "state-change", r.PlayBack = "play-back", r.Destroy = "destroy", r))(P || {}), Oe = /* @__PURE__ */ ((r) => (r[r.Document = 0] = "Document", r[r.DocumentType = 1] = "DocumentType", r[r.Element = 2] = "Element", r[r.Text = 3] = "Text", r[r.CDATA = 4] = "CDATA", r[r.Comment = 5] = "Comment", r))(Oe || {}), So = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", bt = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
-for (var wr = 0; wr < So.length; wr++)
-  bt[So.charCodeAt(wr)] = wr;
+var q = /* @__PURE__ */ ((r) => (r[r.DomContentLoaded = 0] = "DomContentLoaded", r[r.Load = 1] = "Load", r[r.FullSnapshot = 2] = "FullSnapshot", r[r.IncrementalSnapshot = 3] = "IncrementalSnapshot", r[r.Meta = 4] = "Meta", r[r.Custom = 5] = "Custom", r[r.Plugin = 6] = "Plugin", r))(q || {}), B = /* @__PURE__ */ ((r) => (r[r.Mutation = 0] = "Mutation", r[r.MouseMove = 1] = "MouseMove", r[r.MouseInteraction = 2] = "MouseInteraction", r[r.Scroll = 3] = "Scroll", r[r.ViewportResize = 4] = "ViewportResize", r[r.Input = 5] = "Input", r[r.TouchMove = 6] = "TouchMove", r[r.MediaInteraction = 7] = "MediaInteraction", r[r.StyleSheetRule = 8] = "StyleSheetRule", r[r.CanvasMutation = 9] = "CanvasMutation", r[r.Font = 10] = "Font", r[r.Log = 11] = "Log", r[r.Drag = 12] = "Drag", r[r.StyleDeclaration = 13] = "StyleDeclaration", r[r.Selection = 14] = "Selection", r[r.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", r[r.CustomElement = 16] = "CustomElement", r))(B || {}), se = /* @__PURE__ */ ((r) => (r[r.MouseUp = 0] = "MouseUp", r[r.MouseDown = 1] = "MouseDown", r[r.Click = 2] = "Click", r[r.ContextMenu = 3] = "ContextMenu", r[r.DblClick = 4] = "DblClick", r[r.Focus = 5] = "Focus", r[r.Blur = 6] = "Blur", r[r.TouchStart = 7] = "TouchStart", r[r.TouchMove_Departed = 8] = "TouchMove_Departed", r[r.TouchEnd = 9] = "TouchEnd", r[r.TouchCancel = 10] = "TouchCancel", r))(se || {}), Yr = /* @__PURE__ */ ((r) => (r[r["2D"] = 0] = "2D", r[r.WebGL = 1] = "WebGL", r[r.WebGL2 = 2] = "WebGL2", r))(Yr || {}), vs = /* @__PURE__ */ ((r) => (r[r.Play = 0] = "Play", r[r.Pause = 1] = "Pause", r[r.Seeked = 2] = "Seeked", r[r.VolumeChange = 3] = "VolumeChange", r[r.RateChange = 4] = "RateChange", r))(vs || {}), P = /* @__PURE__ */ ((r) => (r.Start = "start", r.Pause = "pause", r.Resume = "resume", r.Resize = "resize", r.Finish = "finish", r.FullsnapshotRebuilded = "fullsnapshot-rebuilded", r.LoadStylesheetStart = "load-stylesheet-start", r.LoadStylesheetEnd = "load-stylesheet-end", r.SkipStart = "skip-start", r.SkipEnd = "skip-end", r.MouseInteraction = "mouse-interaction", r.EventCast = "event-cast", r.CustomEvent = "custom-event", r.Flush = "flush", r.StateChange = "state-change", r.PlayBack = "play-back", r.Destroy = "destroy", r))(P || {}), Oe = /* @__PURE__ */ ((r) => (r[r.Document = 0] = "Document", r[r.DocumentType = 1] = "DocumentType", r[r.Element = 2] = "Element", r[r.Text = 3] = "Text", r[r.CDATA = 4] = "CDATA", r[r.Comment = 5] = "Comment", r))(Oe || {}), Co = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", vt = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
+for (var wr = 0; wr < Co.length; wr++)
+  vt[Co.charCodeAt(wr)] = wr;
 var Wg = function(r) {
   var e = r.length * 0.75, t = r.length, i, s = 0, n, o, a, l;
   r[r.length - 1] === "=" && (e--, r[r.length - 2] === "=" && e--);
   var c = new ArrayBuffer(e), u = new Uint8Array(c);
   for (i = 0; i < t; i += 4)
-    n = bt[r.charCodeAt(i)], o = bt[r.charCodeAt(i + 1)], a = bt[r.charCodeAt(i + 2)], l = bt[r.charCodeAt(i + 3)], u[s++] = n << 2 | o >> 4, u[s++] = (o & 15) << 4 | a >> 2, u[s++] = (a & 3) << 6 | l & 63;
+    n = vt[r.charCodeAt(i)], o = vt[r.charCodeAt(i + 1)], a = vt[r.charCodeAt(i + 2)], l = vt[r.charCodeAt(i + 3)], u[s++] = n << 2 | o >> 4, u[s++] = (o & 15) << 4 | a >> 2, u[s++] = (a & 3) << 6 | l & 63;
   return c;
 };
 const Vg = "KGZ1bmN0aW9uKCkgewogICJ1c2Ugc3RyaWN0IjsKICB2YXIgY2hhcnMgPSAiQUJDREVGR0hJSktMTU5PUFFSU1RVVldYWVphYmNkZWZnaGlqa2xtbm9wcXJzdHV2d3h5ejAxMjM0NTY3ODkrLyI7CiAgdmFyIGxvb2t1cCA9IHR5cGVvZiBVaW50OEFycmF5ID09PSAidW5kZWZpbmVkIiA/IFtdIDogbmV3IFVpbnQ4QXJyYXkoMjU2KTsKICBmb3IgKHZhciBpID0gMDsgaSA8IGNoYXJzLmxlbmd0aDsgaSsrKSB7CiAgICBsb29rdXBbY2hhcnMuY2hhckNvZGVBdChpKV0gPSBpOwogIH0KICB2YXIgZW5jb2RlID0gZnVuY3Rpb24oYXJyYXlidWZmZXIpIHsKICAgIHZhciBieXRlcyA9IG5ldyBVaW50OEFycmF5KGFycmF5YnVmZmVyKSwgaTIsIGxlbiA9IGJ5dGVzLmxlbmd0aCwgYmFzZTY0ID0gIiI7CiAgICBmb3IgKGkyID0gMDsgaTIgPCBsZW47IGkyICs9IDMpIHsKICAgICAgYmFzZTY0ICs9IGNoYXJzW2J5dGVzW2kyXSA+PiAyXTsKICAgICAgYmFzZTY0ICs9IGNoYXJzWyhieXRlc1tpMl0gJiAzKSA8PCA0IHwgYnl0ZXNbaTIgKyAxXSA+PiA0XTsKICAgICAgYmFzZTY0ICs9IGNoYXJzWyhieXRlc1tpMiArIDFdICYgMTUpIDw8IDIgfCBieXRlc1tpMiArIDJdID4+IDZdOwogICAgICBiYXNlNjQgKz0gY2hhcnNbYnl0ZXNbaTIgKyAyXSAmIDYzXTsKICAgIH0KICAgIGlmIChsZW4gJSAzID09PSAyKSB7CiAgICAgIGJhc2U2NCA9IGJhc2U2NC5zdWJzdHJpbmcoMCwgYmFzZTY0Lmxlbmd0aCAtIDEpICsgIj0iOwogICAgfSBlbHNlIGlmIChsZW4gJSAzID09PSAxKSB7CiAgICAgIGJhc2U2NCA9IGJhc2U2NC5zdWJzdHJpbmcoMCwgYmFzZTY0Lmxlbmd0aCAtIDIpICsgIj09IjsKICAgIH0KICAgIHJldHVybiBiYXNlNjQ7CiAgfTsKICBjb25zdCBsYXN0QmxvYk1hcCA9IC8qIEBfX1BVUkVfXyAqLyBuZXcgTWFwKCk7CiAgY29uc3QgdHJhbnNwYXJlbnRCbG9iTWFwID0gLyogQF9fUFVSRV9fICovIG5ldyBNYXAoKTsKICBhc3luYyBmdW5jdGlvbiBnZXRUcmFuc3BhcmVudEJsb2JGb3Iod2lkdGgsIGhlaWdodCwgZGF0YVVSTE9wdGlvbnMpIHsKICAgIGNvbnN0IGlkID0gYCR7d2lkdGh9LSR7aGVpZ2h0fWA7CiAgICBpZiAoIk9mZnNjcmVlbkNhbnZhcyIgaW4gZ2xvYmFsVGhpcykgewogICAgICBpZiAodHJhbnNwYXJlbnRCbG9iTWFwLmhhcyhpZCkpIHJldHVybiB0cmFuc3BhcmVudEJsb2JNYXAuZ2V0KGlkKTsKICAgICAgY29uc3Qgb2Zmc2NyZWVuID0gbmV3IE9mZnNjcmVlbkNhbnZhcyh3aWR0aCwgaGVpZ2h0KTsKICAgICAgb2Zmc2NyZWVuLmdldENvbnRleHQoIjJkIik7CiAgICAgIGNvbnN0IGJsb2IgPSBhd2FpdCBvZmZzY3JlZW4uY29udmVydFRvQmxvYihkYXRhVVJMT3B0aW9ucyk7CiAgICAgIGNvbnN0IGFycmF5QnVmZmVyID0gYXdhaXQgYmxvYi5hcnJheUJ1ZmZlcigpOwogICAgICBjb25zdCBiYXNlNjQgPSBlbmNvZGUoYXJyYXlCdWZmZXIpOwogICAgICB0cmFuc3BhcmVudEJsb2JNYXAuc2V0KGlkLCBiYXNlNjQpOwogICAgICByZXR1cm4gYmFzZTY0OwogICAgfSBlbHNlIHsKICAgICAgcmV0dXJuICIiOwogICAgfQogIH0KICBjb25zdCB3b3JrZXIgPSBzZWxmOwogIHdvcmtlci5vbm1lc3NhZ2UgPSBhc3luYyBmdW5jdGlvbihlKSB7CiAgICBpZiAoIk9mZnNjcmVlbkNhbnZhcyIgaW4gZ2xvYmFsVGhpcykgewogICAgICBjb25zdCB7IGlkLCBiaXRtYXAsIHdpZHRoLCBoZWlnaHQsIGRhdGFVUkxPcHRpb25zIH0gPSBlLmRhdGE7CiAgICAgIGNvbnN0IHRyYW5zcGFyZW50QmFzZTY0ID0gZ2V0VHJhbnNwYXJlbnRCbG9iRm9yKAogICAgICAgIHdpZHRoLAogICAgICAgIGhlaWdodCwKICAgICAgICBkYXRhVVJMT3B0aW9ucwogICAgICApOwogICAgICBjb25zdCBvZmZzY3JlZW4gPSBuZXcgT2Zmc2NyZWVuQ2FudmFzKHdpZHRoLCBoZWlnaHQpOwogICAgICBjb25zdCBjdHggPSBvZmZzY3JlZW4uZ2V0Q29udGV4dCgiMmQiKTsKICAgICAgY3R4LmRyYXdJbWFnZShiaXRtYXAsIDAsIDApOwogICAgICBiaXRtYXAuY2xvc2UoKTsKICAgICAgY29uc3QgYmxvYiA9IGF3YWl0IG9mZnNjcmVlbi5jb252ZXJ0VG9CbG9iKGRhdGFVUkxPcHRpb25zKTsKICAgICAgY29uc3QgdHlwZSA9IGJsb2IudHlwZTsKICAgICAgY29uc3QgYXJyYXlCdWZmZXIgPSBhd2FpdCBibG9iLmFycmF5QnVmZmVyKCk7CiAgICAgIGNvbnN0IGJhc2U2NCA9IGVuY29kZShhcnJheUJ1ZmZlcik7CiAgICAgIGlmICghbGFzdEJsb2JNYXAuaGFzKGlkKSAmJiBhd2FpdCB0cmFuc3BhcmVudEJhc2U2NCA9PT0gYmFzZTY0KSB7CiAgICAgICAgbGFzdEJsb2JNYXAuc2V0KGlkLCBiYXNlNjQpOwogICAgICAgIHJldHVybiB3b3JrZXIucG9zdE1lc3NhZ2UoeyBpZCB9KTsKICAgICAgfQogICAgICBpZiAobGFzdEJsb2JNYXAuZ2V0KGlkKSA9PT0gYmFzZTY0KSByZXR1cm4gd29ya2VyLnBvc3RNZXNzYWdlKHsgaWQgfSk7CiAgICAgIHdvcmtlci5wb3N0TWVzc2FnZSh7CiAgICAgICAgaWQsCiAgICAgICAgdHlwZSwKICAgICAgICBiYXNlNjQsCiAgICAgICAgd2lkdGgsCiAgICAgICAgaGVpZ2h0CiAgICAgIH0pOwogICAgICBsYXN0QmxvYk1hcC5zZXQoaWQsIGJhc2U2NCk7CiAgICB9IGVsc2UgewogICAgICByZXR1cm4gd29ya2VyLnBvc3RNZXNzYWdlKHsgaWQ6IGUuZGF0YS5pZCB9KTsKICAgIH0KICB9Owp9KSgpOwovLyMgc291cmNlTWFwcGluZ1VSTD1pbWFnZS1iaXRtYXAtZGF0YS11cmwtd29ya2VyLUlKcEM3Z19iLmpzLm1hcAo=", Gg = (r) => Uint8Array.from(atob(r), (e) => e.charCodeAt(0));
@@ -8739,7 +8739,7 @@ typeof window < "u" && window.Blob && new Blob([Gg(Vg)], { type: "text/javascrip
 try {
   if (Array.from([1], (r) => r * 2)[0] !== 2) {
     const r = document.createElement("iframe");
-    document.body.appendChild(r), Array.from = ((Nn = r.contentWindow) == null ? void 0 : Nn.Array.from) || Array.from, document.body.removeChild(r);
+    document.body.appendChild(r), Array.from = ((_n = r.contentWindow) == null ? void 0 : _n.Array.from) || Array.from, document.body.removeChild(r);
   }
 } catch (r) {
   console.debug("Unable to override Array.from", r);
@@ -8983,7 +8983,7 @@ class Zg {
     return t;
   }
 }
-function Co(r, e) {
+function Eo(r, e) {
   if (r.type === q.IncrementalSnapshot && r.data.source === B.MouseMove && r.data.positions && r.data.positions.length) {
     const t = r.data.positions[0].timeOffset, i = r.timestamp + t;
     return r.delay = i - e, i - e;
@@ -9004,7 +9004,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function Eo(r, e) {
+function xo(r, e) {
   var t = typeof Symbol == "function" && r[Symbol.iterator];
   if (!t) return r;
   var i, s, n = t.call(r), o = [];
@@ -9032,7 +9032,7 @@ function Mi(r) {
 function Je(r) {
   return { type: "xstate.assign", assignment: r };
 }
-function xo(r, e) {
+function Ao(r, e) {
   return typeof (r = typeof r == "string" && e && e[r] ? e[r] : r) == "string" ? { type: r } : typeof r == "function" ? { type: r.name, exec: r } : r;
 }
 function Hr(r) {
@@ -9043,10 +9043,10 @@ function Hr(r) {
 function lc(r) {
   return typeof r == "string" ? { type: r } : r;
 }
-function Ao(r, e) {
+function Ro(r, e) {
   return { value: r, context: e, actions: [], changed: !1, matches: Hr(r) };
 }
-function Ro(r, e, t) {
+function ko(r, e, t) {
   var i = e, s = !1;
   return [r.filter(function(n) {
     if (n.type === "xstate.assign") {
@@ -9061,8 +9061,8 @@ function Ro(r, e, t) {
 }
 function cc(r, e) {
   e === void 0 && (e = {});
-  var t = Eo(Ro(Mi(r.states[r.initial].entry).map(function(o) {
-    return xo(o, e.actions);
+  var t = xo(ko(Mi(r.states[r.initial].entry).map(function(o) {
+    return Ao(o, e.actions);
   }), r.context, ac), 2), i = t[0], s = t[1], n = { config: r, _options: e, initialState: { value: r.initial, actions: i, context: s, matches: Hr(r.initial) }, transition: function(o, a) {
     var l, c, u = typeof o == "string" ? { value: o, context: r.context } : o, h = u.value, f = u.context, d = lc(a), m = r.states[h];
     if (m.on) {
@@ -9077,15 +9077,15 @@ function cc(r, e) {
           throw new TypeError(le ? "Object is not iterable." : "Symbol.iterator is not defined.");
         }(w), g = p.next(); !g.done; g = p.next()) {
           var b = g.value;
-          if (b === void 0) return Ao(h, f);
+          if (b === void 0) return Ro(h, f);
           var v = typeof b == "string" ? { target: b } : b, E = v.target, M = v.actions, _ = M === void 0 ? [] : M, U = v.cond, T = U === void 0 ? function() {
             return !0;
           } : U, K = E === void 0, V = E ?? h, de = r.states[V];
           if (T(f, d)) {
-            var ce = Eo(Ro((K ? Mi(_) : [].concat(m.exit, _, de.entry).filter(function(G) {
+            var ce = xo(ko((K ? Mi(_) : [].concat(m.exit, _, de.entry).filter(function(G) {
               return G;
             })).map(function(G) {
-              return xo(G, n._options.actions);
+              return Ao(G, n._options.actions);
             }), f, d), 3), te = ce[0], z = ce[1], ae = ce[2], $ = E ?? h;
             return { value: $, context: z, actions: te, changed: E !== h || te.length > 0 || ae, matches: Hr($) };
           }
@@ -9100,11 +9100,11 @@ function cc(r, e) {
         }
       }
     }
-    return Ao(h, f);
+    return Ro(h, f);
   } };
   return n;
 }
-var ko = function(r, e) {
+var Mo = function(r, e) {
   return r.actions.forEach(function(t) {
     var i = t.exec;
     return i && i(r.context, e);
@@ -9112,7 +9112,7 @@ var ko = function(r, e) {
 };
 function uc(r) {
   var e = r.initialState, t = qe.NotStarted, i = /* @__PURE__ */ new Set(), s = { _machine: r, send: function(n) {
-    t === qe.Running && (e = r.transition(e, n), ko(e, lc(n)), i.forEach(function(o) {
+    t === qe.Running && (e = r.transition(e, n), Mo(e, lc(n)), i.forEach(function(o) {
       return o(e);
     }));
   }, subscribe: function(n) {
@@ -9124,7 +9124,7 @@ function uc(r) {
       var o = typeof n == "object" ? n : { context: r.config.context, value: n };
       e = { value: o.value, actions: [], context: o.context, matches: Hr(o.value) };
     }
-    return t = qe.Running, ko(e, ac), s;
+    return t = qe.Running, Mo(e, ac), s;
   }, stop: function() {
     return t = qe.Stopped, i.clear(), s;
   }, get state() {
@@ -9221,7 +9221,7 @@ function Jg(r, { getCastFn: e, applyEventsSynchronously: t, emitter: i }) {
           const { timer: a, events: l, baselineTime: c, lastPlayedEvent: u } = n;
           a.clear();
           for (const m of l)
-            Co(m, c);
+            Eo(m, c);
           const h = Xg(l, c);
           let f = u?.timestamp;
           u?.type === q.IncrementalSnapshot && u.data.source === B.MouseMove && (f = u.timestamp + ((o = u.data.positions[0]) == null ? void 0 : o.timeOffset)), c < (f || 0) && i.emit(P.PlayBack);
@@ -9255,7 +9255,7 @@ function Jg(r, { getCastFn: e, applyEventsSynchronously: t, emitter: i }) {
           const { baselineTime: a, timer: l, events: c } = n;
           if (o.type === "ADD_EVENT") {
             const { event: u } = o.payload;
-            Co(u, a);
+            Eo(u, a);
             let h = c.length - 1;
             if (!c[h] || c[h].timestamp <= u.timestamp)
               c.push(u);
@@ -9334,10 +9334,10 @@ function Kg(r) {
 const qg = (r) => [
   `.${r} { background: currentColor }`,
   "noscript { display: none !important; }"
-], Mo = /* @__PURE__ */ new Map();
+], No = /* @__PURE__ */ new Map();
 function hc(r, e) {
-  let t = Mo.get(r);
-  return t || (t = /* @__PURE__ */ new Map(), Mo.set(r, t)), t.has(e) || t.set(e, []), t.get(e);
+  let t = No.get(r);
+  return t || (t = /* @__PURE__ */ new Map(), No.set(r, t)), t.has(e) || t.set(e, []), t.get(e);
 }
 function Pe(r, e, t) {
   return async (i) => {
@@ -9461,7 +9461,7 @@ async function iy({
     }
   });
 }
-async function No({
+async function _o({
   event: r,
   mutation: e,
   target: t,
@@ -9625,7 +9625,7 @@ class sy {
   }
 }
 function br(r, e) {
-  if (r.nodeName !== "DIALOG" || r instanceof we) return;
+  if (r.nodeName !== "DIALOG" || r instanceof be) return;
   const t = r, i = t.open, s = i && t.matches("dialog:modal"), n = t.getAttribute("rr_open_mode"), o = typeof e?.attributes.open == "string" || typeof t.getAttribute("open") == "string", a = n === "modal";
   if (!(i && !(s && n === "non-modal" || !s && a))) {
     if (!t.isConnected) {
@@ -9636,7 +9636,7 @@ function br(r, e) {
   }
 }
 function ny(r, e) {
-  if (r.nodeName !== "DIALOG" || r instanceof we) return;
+  if (r.nodeName !== "DIALOG" || r instanceof be) return;
   const t = r;
   if (!t.isConnected) {
     console.warn("dialog is not attached to the dom", t);
@@ -9644,18 +9644,18 @@ function ny(r, e) {
   }
   e.attributes.open === null && (t.removeAttribute("open"), t.removeAttribute("rr_open_mode"));
 }
-const oy = 5 * 1e3, ay = oc || Yg, _o = "[replayer]", Ni = {
+const oy = 5 * 1e3, ay = oc || Yg, Io = "[replayer]", Ni = {
   duration: 500,
   lineCap: "round",
   lineWidth: 3,
   strokeStyle: "red"
 };
-function Io(r) {
+function Do(r) {
   return r.type == q.IncrementalSnapshot && (r.data.source == B.TouchMove || r.data.source == B.MouseInteraction && r.data.type == se.TouchStart);
 }
 class ly {
   constructor(e, t) {
-    if (I(this, "wrapper"), I(this, "iframe"), I(this, "service"), I(this, "speedService"), I(this, "config"), I(this, "usingVirtualDom", !1), I(this, "virtualDom", new ft()), I(this, "mouse"), I(this, "mouseTail", null), I(this, "tailPositions", []), I(this, "emitter", ay()), I(this, "nextUserInteractionEvent"), I(this, "legacy_missingNodeRetryMap", {}), I(this, "cache", Jn()), I(this, "imageMap", /* @__PURE__ */ new Map()), I(this, "canvasEventMap", /* @__PURE__ */ new Map()), I(this, "mirror", ka()), I(this, "styleMirror", new jg()), I(this, "mediaManager"), I(this, "firstFullSnapshot", null), I(this, "newDocumentQueue", []), I(this, "mousePos", null), I(this, "touchActive", null), I(this, "lastMouseDownEvent", null), I(this, "lastHoveredRootNode"), I(this, "lastSelectionData", null), I(this, "constructedStyleMutations", []), I(this, "adoptedStyleSheets", []), I(this, "handleResize", (a) => {
+    if (I(this, "wrapper"), I(this, "iframe"), I(this, "service"), I(this, "speedService"), I(this, "config"), I(this, "usingVirtualDom", !1), I(this, "virtualDom", new dt()), I(this, "mouse"), I(this, "mouseTail", null), I(this, "tailPositions", []), I(this, "emitter", ay()), I(this, "nextUserInteractionEvent"), I(this, "legacy_missingNodeRetryMap", {}), I(this, "cache", Kn()), I(this, "imageMap", /* @__PURE__ */ new Map()), I(this, "canvasEventMap", /* @__PURE__ */ new Map()), I(this, "mirror", ka()), I(this, "styleMirror", new jg()), I(this, "mediaManager"), I(this, "firstFullSnapshot", null), I(this, "newDocumentQueue", []), I(this, "mousePos", null), I(this, "touchActive", null), I(this, "lastMouseDownEvent", null), I(this, "lastHoveredRootNode"), I(this, "lastSelectionData", null), I(this, "constructedStyleMutations", []), I(this, "adoptedStyleSheets", []), I(this, "handleResize", (a) => {
       this.iframe.style.display = "inherit";
       for (const l of [this.mouseTail, this.iframe])
         l && (l.setAttribute("width", String(a.width)), l.setAttribute("height", String(a.height)));
@@ -9774,7 +9774,7 @@ class ly {
         const a = {
           mirror: this.mirror,
           applyCanvas: (l, c, u) => {
-            No({
+            _o({
               event: l,
               mutation: c,
               target: u,
@@ -9896,7 +9896,7 @@ class ly {
       ), (a = this.iframe.contentWindow) == null || a.scrollTo(
         o.data.initialOffset
       ));
-    }, 1), this.service.state.context.events.find(Io) && this.mouse.classList.add("touch-device");
+    }, 1), this.service.state.context.events.find(Do) && this.mouse.classList.add("touch-device");
   }
   get timer() {
     return this.service.state.context.timer;
@@ -9975,7 +9975,7 @@ class ly {
   }
   addEvent(e) {
     const t = this.config.unpackFn ? this.config.unpackFn(e) : e;
-    Io(t) && this.mouse.classList.add("touch-device"), Promise.resolve().then(
+    Do(t) && this.mouse.classList.add("touch-device"), Promise.resolve().then(
       () => this.service.send({ type: "ADD_EVENT", payload: { event: t } })
     );
   }
@@ -9990,7 +9990,7 @@ class ly {
    * The replayer will use this cache to speed up the playback.
    */
   resetCache() {
-    this.cache = Jn();
+    this.cache = Kn();
   }
   setupDom() {
     this.wrapper = document.createElement("div"), this.wrapper.classList.add("replayer-wrapper"), this.config.root.appendChild(this.wrapper), this.mouse = document.createElement("div"), this.mouse.classList.add("replayer-mouse"), this.wrapper.appendChild(this.mouse), this.config.mouseTail !== !1 && (this.mouseTail = document.createElement("canvas"), this.mouseTail.classList.add("replayer-mouse-tail"), this.mouseTail.style.display = "inherit", this.wrapper.appendChild(this.mouseTail)), this.iframe = document.createElement("iframe");
@@ -10320,7 +10320,7 @@ class ly {
           const a = this.mirror.getNode(o.id);
           if (!a)
             return this.debugNodeNotFound(o, o.id);
-          No({
+          _o({
             event: e,
             mutation: o,
             target: a,
@@ -10679,8 +10679,8 @@ class ly {
     if ((i = e.adds) == null || i.forEach(({ rule: a, index: l }) => {
       try {
         if (Array.isArray(l)) {
-          const { positions: c, index: u } = vo(l);
-          wt(t.cssRules, c).insertRule(a, u);
+          const { positions: c, index: u } = So(l);
+          bt(t.cssRules, c).insertRule(a, u);
         } else {
           const c = l === void 0 ? void 0 : Math.min(l, t.cssRules.length);
           t?.insertRule(a, c);
@@ -10690,8 +10690,8 @@ class ly {
     }), (s = e.removes) == null || s.forEach(({ index: a }) => {
       try {
         if (Array.isArray(a)) {
-          const { positions: l, index: c } = vo(a);
-          wt(t.cssRules, l).deleteRule(c || 0);
+          const { positions: l, index: c } = So(a);
+          bt(t.cssRules, l).deleteRule(c || 0);
         } else
           t?.deleteRule(a);
       } catch {
@@ -10708,14 +10708,14 @@ class ly {
       }
   }
   applyStyleDeclaration(e, t) {
-    e.set && wt(
+    e.set && bt(
       t.rules,
       e.index
     ).style.setProperty(
       e.set.property,
       e.set.value,
       e.set.priority
-    ), e.remove && wt(
+    ), e.remove && bt(
       t.rules,
       e.index
     ).style.removeProperty(e.remove.property);
@@ -10811,10 +10811,10 @@ class ly {
     this.debug(`Node with id '${t}' not found. `, e);
   }
   warn(...e) {
-    this.config.showWarning && this.config.logger.warn(_o, ...e);
+    this.config.showWarning && this.config.logger.warn(Io, ...e);
   }
   debug(...e) {
-    this.config.showDebug && this.config.logger.log(_o, ...e);
+    this.config.showDebug && this.config.logger.log(Io, ...e);
   }
 }
 var fe = Uint8Array, Ue = Uint16Array, Ss = Uint32Array, fc = new fe([
@@ -11017,10 +11017,10 @@ var dy = /* @__PURE__ */ xt(Gt, 9), py = /* @__PURE__ */ xt(wc, 5), _i = functio
           var T = ie - 257, pe = fc[T];
           Q = me(r, l, (1 << pe) - 1) + gc[T], l += pe;
         }
-        var be = h[Ii(r, l) & le], A = be >>> 4;
-        if (!be)
+        var ve = h[Ii(r, l) & le], A = ve >>> 4;
+        if (!ve)
           throw "invalid distance";
-        l += be & 15;
+        l += ve & 15;
         var $ = fy[A];
         if (A > 3) {
           var pe = dc[A];
@@ -11069,7 +11069,7 @@ function vy(r, e) {
   }
   return t;
 }
-const Do = "v1", Sy = (r) => {
+const To = "v1", Sy = (r) => {
   if (typeof r != "string")
     return r;
   try {
@@ -11082,23 +11082,23 @@ const Do = "v1", Sy = (r) => {
     const e = JSON.parse(
       vy(wy(by(r, !0)))
     );
-    if (e.v === Do)
+    if (e.v === To)
       return e;
     throw new Error(
-      `These events were packed with packer ${e.v} which is incompatible with current packer ${Do}.`
+      `These events were packed with packer ${e.v} which is incompatible with current packer ${To}.`
     );
   } catch (e) {
     throw console.error(e), new Error("Unknown data format.");
   }
 };
-var ln = /* @__PURE__ */ ((r) => (r[r.DomContentLoaded = 0] = "DomContentLoaded", r[r.Load = 1] = "Load", r[r.FullSnapshot = 2] = "FullSnapshot", r[r.IncrementalSnapshot = 3] = "IncrementalSnapshot", r[r.Meta = 4] = "Meta", r[r.Custom = 5] = "Custom", r[r.Plugin = 6] = "Plugin", r))(ln || {}), Cs = /* @__PURE__ */ ((r) => (r[r.Mutation = 0] = "Mutation", r[r.MouseMove = 1] = "MouseMove", r[r.MouseInteraction = 2] = "MouseInteraction", r[r.Scroll = 3] = "Scroll", r[r.ViewportResize = 4] = "ViewportResize", r[r.Input = 5] = "Input", r[r.TouchMove = 6] = "TouchMove", r[r.MediaInteraction = 7] = "MediaInteraction", r[r.StyleSheetRule = 8] = "StyleSheetRule", r[r.CanvasMutation = 9] = "CanvasMutation", r[r.Font = 10] = "Font", r[r.Log = 11] = "Log", r[r.Drag = 12] = "Drag", r[r.StyleDeclaration = 13] = "StyleDeclaration", r[r.Selection = 14] = "Selection", r[r.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", r[r.CustomElement = 16] = "CustomElement", r))(Cs || {});
-function To(r) {
+var cn = /* @__PURE__ */ ((r) => (r[r.DomContentLoaded = 0] = "DomContentLoaded", r[r.Load = 1] = "Load", r[r.FullSnapshot = 2] = "FullSnapshot", r[r.IncrementalSnapshot = 3] = "IncrementalSnapshot", r[r.Meta = 4] = "Meta", r[r.Custom = 5] = "Custom", r[r.Plugin = 6] = "Plugin", r))(cn || {}), Cs = /* @__PURE__ */ ((r) => (r[r.Mutation = 0] = "Mutation", r[r.MouseMove = 1] = "MouseMove", r[r.MouseInteraction = 2] = "MouseInteraction", r[r.Scroll = 3] = "Scroll", r[r.ViewportResize = 4] = "ViewportResize", r[r.Input = 5] = "Input", r[r.TouchMove = 6] = "TouchMove", r[r.MediaInteraction = 7] = "MediaInteraction", r[r.StyleSheetRule = 8] = "StyleSheetRule", r[r.CanvasMutation = 9] = "CanvasMutation", r[r.Font = 10] = "Font", r[r.Log = 11] = "Log", r[r.Drag = 12] = "Drag", r[r.StyleDeclaration = 13] = "StyleDeclaration", r[r.Selection = 14] = "Selection", r[r.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", r[r.CustomElement = 16] = "CustomElement", r))(Cs || {});
+function Oo(r) {
   let e = "";
   return Object.keys(r).forEach((t) => {
     e += `${t}: ${r[t]};`;
   }), e;
 }
-function yt(r, e = 2) {
+function wt(r, e = 2) {
   let t = String(r);
   const i = Math.pow(10, e - 1);
   if (r < i)
@@ -11106,16 +11106,16 @@ function yt(r, e = 2) {
       t = `0${r}`;
   return t;
 }
-const vc = 1e3, Es = 60 * vc, Oo = 60 * Es;
+const vc = 1e3, Es = 60 * vc, Po = 60 * Es;
 function vr(r) {
   if (r <= 0)
     return "00:00";
-  const e = Math.floor(r / Oo);
-  r = r % Oo;
+  const e = Math.floor(r / Po);
+  r = r % Po;
   const t = Math.floor(r / Es);
   r = r % Es;
   const i = Math.floor(r / vc);
-  return e ? `${yt(e)}:${yt(t)}:${yt(i)}` : `${yt(t)}:${yt(i)}`;
+  return e ? `${wt(e)}:${wt(t)}:${wt(i)}` : `${wt(t)}:${wt(i)}`;
 }
 function Cy(r) {
   return r.requestFullscreen ? r.requestFullscreen() : r.mozRequestFullScreen ? r.mozRequestFullScreen() : r.webkitRequestFullscreen ? r.webkitRequestFullscreen() : r.msRequestFullscreen ? r.msRequestFullscreen() : Promise.resolve();
@@ -11123,7 +11123,7 @@ function Cy(r) {
 function Ey() {
   return document.exitFullscreen ? document.exitFullscreen() : document.mozExitFullscreen ? document.mozExitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen ? document.msExitFullscreen() : Promise.resolve();
 }
-function Po() {
+function Lo() {
   let r = !1;
   return [
     "fullscreen",
@@ -11139,7 +11139,7 @@ function xy(r) {
     document.removeEventListener("fullscreenchange", r), document.removeEventListener("webkitfullscreenchange", r), document.removeEventListener("mozfullscreenchange", r), document.removeEventListener("MSFullscreenChange", r);
   };
 }
-function Lo(r) {
+function $o(r) {
   return {
     "[object Boolean]": "boolean",
     "[object Number]": "number",
@@ -11154,7 +11154,7 @@ function Lo(r) {
   }[Object.prototype.toString.call(r)];
 }
 function Ay(r) {
-  return r.type !== ln.IncrementalSnapshot ? !1 : r.data.source > Cs.Mutation && r.data.source <= Cs.Input;
+  return r.type !== cn.IncrementalSnapshot ? !1 : r.data.source > Cs.Mutation && r.data.source <= Cs.Input;
 }
 function Ry(r, e) {
   const t = [];
@@ -11181,7 +11181,7 @@ function ky(r) {
         "for",
         /*id*/
         r[2]
-      ), D(s, "class", "svelte-a6h7w7"), D(o, "class", "label svelte-a6h7w7"), D(e, "class", "switch svelte-a6h7w7"), it(
+      ), D(s, "class", "svelte-a6h7w7"), D(o, "class", "label svelte-a6h7w7"), D(e, "class", "switch svelte-a6h7w7"), st(
         e,
         "disabled",
         /*disabled*/
@@ -11220,7 +11220,7 @@ function ky(r) {
         /*label*/
         u[3]
       ), h & /*disabled*/
-      2 && it(
+      2 && st(
         e,
         "disabled",
         /*disabled*/
@@ -11243,24 +11243,24 @@ function My(r, e, t) {
     "disabled" in l && t(1, i = l.disabled), "checked" in l && t(0, s = l.checked), "id" in l && t(2, n = l.id), "label" in l && t(3, o = l.label);
   }, [s, i, n, o, a];
 }
-class Ny extends Ls {
+class Ny extends $s {
   constructor(e) {
-    super(), Ps(this, e, My, ky, Ds, { disabled: 1, checked: 0, id: 2, label: 3 });
+    super(), Ls(this, e, My, ky, Ts, { disabled: 1, checked: 0, id: 2, label: 3 });
   }
 }
-function $o(r, e, t) {
+function Fo(r, e, t) {
   const i = r.slice();
   return i[38] = e[t], i;
 }
-function Fo(r, e, t) {
+function Bo(r, e, t) {
   const i = r.slice();
   return i[41] = e[t], i;
 }
-function Bo(r, e, t) {
+function Uo(r, e, t) {
   const i = r.slice();
   return i[44] = e[t], i;
 }
-function Uo(r) {
+function zo(r) {
   let e, t, i, s = vr(
     /*currentTime*/
     r[6]
@@ -11272,13 +11272,13 @@ function Uo(r) {
     r[13]
   ), z = [];
   for (let A = 0; A < te.length; A += 1)
-    z[A] = zo(Bo(r, te, A));
+    z[A] = jo(Uo(r, te, A));
   let ae = Ye(
     /*customEvents*/
     r[9]
   ), $ = [];
   for (let A = 0; A < ae.length; A += 1)
-    $[A] = jo(Fo(r, ae, A));
+    $[A] = Wo(Bo(r, ae, A));
   function G(A, C) {
     return (
       /*playerState*/
@@ -11290,11 +11290,11 @@ function Uo(r) {
     r[3]
   ), Q = [];
   for (let A = 0; A < ie.length; A += 1)
-    Q[A] = Wo($o(r, ie, A));
+    Q[A] = Vo(Fo(r, ie, A));
   function pe(A) {
     r[29](A);
   }
-  let be = {
+  let ve = {
     id: "skip",
     disabled: (
       /*speedState*/
@@ -11304,8 +11304,8 @@ function Uo(r) {
   };
   return (
     /*skipInactive*/
-    r[0] !== void 0 && (be.checked = /*skipInactive*/
-    r[0]), _ = new Ny({ props: be }), Be.push(() => Vh(_, "checked", pe)), {
+    r[0] !== void 0 && (ve.checked = /*skipInactive*/
+    r[0]), _ = new Ny({ props: ve }), Be.push(() => Vh(_, "checked", pe)), {
       c() {
         e = ne("div"), t = ne("div"), i = ne("span"), n = ze(s), o = he(), a = ne("div"), l = ne("div"), c = he();
         for (let A = 0; A < z.length; A += 1)
@@ -11332,7 +11332,7 @@ function Uo(r) {
           "left",
           /*percentage*/
           r[12]
-        ), D(a, "class", "rr-progress svelte-189zk2r"), it(
+        ), D(a, "class", "rr-progress svelte-189zk2r"), st(
           a,
           "disabled",
           /*speedState*/
@@ -11349,7 +11349,7 @@ function Uo(r) {
         L(a, h), L(a, f), r[27](a), L(t, d), L(t, m), L(m, p), L(e, g), L(e, b), L(b, v), oe.m(v, null), L(b, E);
         for (let S = 0; S < Q.length; S += 1)
           Q[S] && Q[S].m(b, null);
-        L(b, M), Ts(_, b, null), L(b, T), L(b, K), V = !0, de || (ce = [
+        L(b, M), Os(_, b, null), L(b, T), L(b, K), V = !0, de || (ce = [
           Ke(
             a,
             "click",
@@ -11395,8 +11395,8 @@ function Uo(r) {
           );
           let R;
           for (R = 0; R < te.length; R += 1) {
-            const F = Bo(A, te, R);
-            z[R] ? z[R].p(F, C) : (z[R] = zo(F), z[R].c(), z[R].m(a, u));
+            const F = Uo(A, te, R);
+            z[R] ? z[R].p(F, C) : (z[R] = jo(F), z[R].c(), z[R].m(a, u));
           }
           for (; R < z.length; R += 1)
             z[R].d(1);
@@ -11410,8 +11410,8 @@ function Uo(r) {
           );
           let R;
           for (R = 0; R < ae.length; R += 1) {
-            const F = Fo(A, ae, R);
-            $[R] ? $[R].p(F, C) : ($[R] = jo(F), $[R].c(), $[R].m(a, h));
+            const F = Bo(A, ae, R);
+            $[R] ? $[R].p(F, C) : ($[R] = Wo(F), $[R].c(), $[R].m(a, h));
           }
           for (; R < $.length; R += 1)
             $[R].d(1);
@@ -11424,7 +11424,7 @@ function Uo(r) {
           /*percentage*/
           A[12]
         ), (!V || C[0] & /*speedState*/
-        1024) && it(
+        1024) && st(
           a,
           "disabled",
           /*speedState*/
@@ -11441,8 +11441,8 @@ function Uo(r) {
           );
           let R;
           for (R = 0; R < ie.length; R += 1) {
-            const F = $o(A, ie, R);
-            Q[R] ? Q[R].p(F, C) : (Q[R] = Wo(F), Q[R].c(), Q[R].m(b, M));
+            const F = Fo(A, ie, R);
+            Q[R] ? Q[R].p(F, C) : (Q[R] = Vo(F), Q[R].c(), Q[R].m(b, M));
           }
           for (; R < Q.length; R += 1)
             Q[R].d(1);
@@ -11459,15 +11459,15 @@ function Uo(r) {
         V || (Me(_.$$.fragment, A), V = !0);
       },
       o(A) {
-        st(_.$$.fragment, A), V = !1;
+        nt(_.$$.fragment, A), V = !1;
       },
       d(A) {
-        A && Re(e), mi(z, A), mi($, A), r[27](null), oe.d(), mi(Q, A), Os(_), de = !1, ht(ce);
+        A && Re(e), mi(z, A), mi($, A), r[27](null), oe.d(), mi(Q, A), Ps(_), de = !1, ft(ce);
       }
     }
   );
 }
-function zo(r) {
+function jo(r) {
   let e, t;
   return {
     c() {
@@ -11520,7 +11520,7 @@ function zo(r) {
     }
   };
 }
-function jo(r) {
+function Wo(r) {
   let e, t;
   return {
     c() {
@@ -11604,7 +11604,7 @@ function Iy(r) {
     }
   };
 }
-function Wo(r) {
+function Vo(r) {
   let e, t = (
     /*s*/
     r[38] + ""
@@ -11621,7 +11621,7 @@ function Wo(r) {
   return {
     c() {
       e = ne("button"), i = ze(t), s = ze("x"), e.disabled = n = /*speedState*/
-      r[10] === "skipping", D(e, "class", "svelte-189zk2r"), it(
+      r[10] === "skipping", D(e, "class", "svelte-189zk2r"), st(
         e,
         "active",
         /*s*/
@@ -11639,7 +11639,7 @@ function Wo(r) {
       r[38] + "") && Pr(i, t), u[0] & /*speedState*/
       1024 && n !== (n = /*speedState*/
       r[10] === "skipping") && (e.disabled = n), u[0] & /*speedOption, speed, speedState*/
-      1034 && it(
+      1034 && st(
         e,
         "active",
         /*s*/
@@ -11656,7 +11656,7 @@ function Wo(r) {
 function Dy(r) {
   let e, t, i = (
     /*showController*/
-    r[2] && Uo(r)
+    r[2] && zo(r)
   );
   return {
     c() {
@@ -11668,7 +11668,7 @@ function Dy(r) {
     p(s, n) {
       /*showController*/
       s[2] ? i ? (i.p(s, n), n[0] & /*showController*/
-      4 && Me(i, 1)) : (i = Uo(s), i.c(), Me(i, 1), i.m(e.parentNode, e)) : i && (Ea(), st(i, 1, 1, () => {
+      4 && Me(i, 1)) : (i = zo(s), i.c(), Me(i, 1), i.m(e.parentNode, e)) : i && (Ea(), nt(i, 1, 1, () => {
         i = null;
       }), xa());
     },
@@ -11676,14 +11676,14 @@ function Dy(r) {
       t || (Me(i), t = !0);
     },
     o(s) {
-      st(i), t = !1;
+      nt(i), t = !1;
     },
     d(s) {
       s && Re(e), i && i.d(s);
     }
   };
 }
-function Vo(r, e, t) {
+function Go(r, e, t) {
   const i = e - r;
   return (100 - (e - t) / i * 100).toFixed(2);
 }
@@ -11721,8 +11721,8 @@ function Ty(r, e, t) {
     const S = p.getBoundingClientRect();
     let F = (C.clientX - S.left) / S.width;
     F < 0 ? F = 0 : F > 1 && (F = 1);
-    const ve = M.totalTime * F;
-    z(ve);
+    const Se = M.totalTime * F;
+    z(Se);
   }, G = (C) => {
     w !== "skipping" && (C.key === "ArrowLeft" ? z(f - 5) : C.key === "ArrowRight" && z(f + 5));
   }, le = (C) => {
@@ -11760,7 +11760,7 @@ function Ty(r, e, t) {
     });
   }
   const pe = (C) => le(C);
-  function be(C) {
+  function ve(C) {
     a = C, t(0, a);
   }
   const A = () => i("fullscreen");
@@ -11777,28 +11777,28 @@ function Ty(r, e, t) {
     }
     r.$$.dirty[0] & /*replayer, tags*/
     655360 && t(9, U = (() => {
-      const { context: C } = s.service.state, S = C.events.length, R = C.events[0].timestamp, F = C.events[S - 1].timestamp, ve = [];
+      const { context: C } = s.service.state, S = C.events.length, R = C.events[0].timestamp, F = C.events[S - 1].timestamp, Se = [];
       return C.events.forEach((ke) => {
-        if (ke.type === ln.Custom) {
+        if (ke.type === cn.Custom) {
           const Le = {
             name: ke.data.tag,
             background: u[ke.data.tag] || "rgb(73, 80, 246)",
-            position: `${Vo(R, F, ke.timestamp)}%`
+            position: `${Go(R, F, ke.timestamp)}%`
           };
-          ve.push(Le);
+          Se.push(Le);
         }
-      }), ve;
+      }), Se;
     })()), r.$$.dirty[0] & /*replayer, inactiveColor*/
     1179648 && t(13, T = (() => {
       try {
-        const { context: C } = s.service.state, S = C.events.length, R = C.events[0].timestamp, F = C.events[S - 1].timestamp, ve = Ry(C.events, s.config.inactivePeriodThreshold), ke = (Le, Sc, Cc, Ec) => {
+        const { context: C } = s.service.state, S = C.events.length, R = C.events[0].timestamp, F = C.events[S - 1].timestamp, Se = Ry(C.events, s.config.inactivePeriodThreshold), ke = (Le, Sc, Cc, Ec) => {
           const xc = Sc - Le;
           return ((Ec - Cc) / xc * 100).toFixed(2);
         };
-        return ve.map((Le) => ({
+        return Se.map((Le) => ({
           name: "inactive period",
           background: h,
-          position: `${Vo(R, F, Le[0])}%`,
+          position: `${Go(R, F, Le[0])}%`,
           width: `${ke(R, F, Le[0], Le[1])}%`
         }));
       } catch {
@@ -11835,18 +11835,18 @@ function Ty(r, e, t) {
     ie,
     Q,
     pe,
-    be,
+    ve,
     A
   ];
 }
-class Oy extends Ls {
+class Oy extends $s {
   constructor(e) {
-    super(), Ps(
+    super(), Ls(
       this,
       e,
       Ty,
       Dy,
-      Ds,
+      Ts,
       {
         replayer: 17,
         showController: 2,
@@ -11894,7 +11894,7 @@ class Oy extends Ls {
     return this.$$.ctx[26];
   }
 }
-function Go(r) {
+function Yo(r) {
   let e, t, i = {
     replayer: (
       /*replayer*/
@@ -11934,7 +11934,7 @@ function Go(r) {
       Aa(e.$$.fragment);
     },
     m(s, n) {
-      Ts(e, s, n), t = !0;
+      Os(e, s, n), t = !0;
     },
     p(s, n) {
       const o = {};
@@ -11958,17 +11958,17 @@ function Go(r) {
       t || (Me(e.$$.fragment, s), t = !0);
     },
     o(s) {
-      st(e.$$.fragment, s), t = !1;
+      nt(e.$$.fragment, s), t = !1;
     },
     d(s) {
-      r[32](null), Os(e, s);
+      r[32](null), Ps(e, s);
     }
   };
 }
 function Py(r) {
   let e, t, i, s, n = (
     /*replayer*/
-    r[7] && Go(r)
+    r[7] && Yo(r)
   );
   return {
     c() {
@@ -11996,7 +11996,7 @@ function Py(r) {
         o[11]
       ), /*replayer*/
       o[7] ? n ? (n.p(o, a), a[0] & /*replayer*/
-      128 && Me(n, 1)) : (n = Go(o), n.c(), Me(n, 1), n.m(e, null)) : n && (Ea(), st(n, 1, 1, () => {
+      128 && Me(n, 1)) : (n = Yo(o), n.c(), Me(n, 1), n.m(e, null)) : n && (Ea(), nt(n, 1, 1, () => {
         n = null;
       }), xa()), (!s || a[0] & /*playerStyle*/
       4096) && D(
@@ -12010,20 +12010,20 @@ function Py(r) {
       s || (Me(n), s = !0);
     },
     o(o) {
-      st(n), s = !1;
+      nt(n), s = !1;
     },
     d(o) {
       o && Re(e), r[31](null), n && n.d(), r[34](null);
     }
   };
 }
-const Yo = 80;
+const Ho = 80;
 function Ly(r, e, t) {
   let { width: i = 1024 } = e, { height: s = 576 } = e, { maxScale: n = 1 } = e, { events: o } = e, { skipInactive: a = !0 } = e, { autoPlay: l = !0 } = e, { speedOption: c = [1, 2, 4, 8] } = e, { speed: u = 1 } = e, { showController: h = !0 } = e, { tags: f = {} } = e, { inactiveColor: d = "#D4D4D4" } = e, m;
   const w = () => m.getMirror();
   let p, g, b, v = i, E = s, M, _, U;
   const T = (S, R) => {
-    const F = i / R.width, ve = s / R.height, ke = [F, ve];
+    const F = i / R.width, Se = s / R.height, ke = [F, Se];
     n && ke.push(n), S.style.transform = `scale(${Math.min(...ke)})translate(-50%, -50%)`;
   }, K = () => {
     T(m.wrapper, {
@@ -12031,7 +12031,7 @@ function Ly(r, e, t) {
       height: m.iframe.offsetHeight
     });
   }, V = () => {
-    p && (Po() ? Ey() : Cy(p));
+    p && (Lo() ? Ey() : Cy(p));
   }, de = (S, R) => {
     switch (m.on(S, R), S) {
       case "ui-update-current-time":
@@ -12053,14 +12053,14 @@ function Ly(r, e, t) {
     M.pause();
   }, ie = (S, R) => {
     M.goto(S, R);
-  }, Q = (S, R, F = !1, ve = void 0) => {
-    M.playRange(S, R, F, ve);
+  }, Q = (S, R, F = !1, Se = void 0) => {
+    M.playRange(S, R, F, Se);
   };
   va(() => {
-    if (c !== void 0 && Lo(c) !== "array")
+    if (c !== void 0 && $o(c) !== "array")
       throw new Error("speedOption must be array");
     if (c.forEach((S) => {
-      if (Lo(S) !== "number")
+      if ($o(S) !== "number")
         throw new Error("item of speedOption must be number");
     }), c.indexOf(u) < 0)
       throw new Error(`speed must be one of speedOption,
@@ -12083,9 +12083,9 @@ function Ly(r, e, t) {
     )), m.on("resize", (S) => {
       T(m.wrapper, S);
     }), b = xy(() => {
-      Po() ? setTimeout(
+      Lo() ? setTimeout(
         () => {
-          v = i, E = s, t(13, i = p.offsetWidth), t(14, s = p.offsetHeight - (h ? Yo : 0)), T(m.wrapper, {
+          v = i, E = s, t(13, i = p.offsetWidth), t(14, s = p.offsetHeight - (h ? Ho : 0)), T(m.wrapper, {
             width: m.iframe.offsetWidth,
             height: m.iframe.offsetHeight
           });
@@ -12104,7 +12104,7 @@ function Ly(r, e, t) {
       g = S, t(9, g);
     });
   }
-  function be(S) {
+  function ve(S) {
     Be[S ? "unshift" : "push"](() => {
       M = S, t(10, M);
     });
@@ -12116,18 +12116,18 @@ function Ly(r, e, t) {
     });
   }
   return r.$$set = (S) => {
-    t(39, e = Rn(Rn({}, e), Mn(S))), "width" in S && t(13, i = S.width), "height" in S && t(14, s = S.height), "maxScale" in S && t(15, n = S.maxScale), "events" in S && t(16, o = S.events), "skipInactive" in S && t(0, a = S.skipInactive), "autoPlay" in S && t(1, l = S.autoPlay), "speedOption" in S && t(2, c = S.speedOption), "speed" in S && t(17, u = S.speed), "showController" in S && t(3, h = S.showController), "tags" in S && t(4, f = S.tags), "inactiveColor" in S && t(5, d = S.inactiveColor);
+    t(39, e = kn(kn({}, e), Nn(S))), "width" in S && t(13, i = S.width), "height" in S && t(14, s = S.height), "maxScale" in S && t(15, n = S.maxScale), "events" in S && t(16, o = S.events), "skipInactive" in S && t(0, a = S.skipInactive), "autoPlay" in S && t(1, l = S.autoPlay), "speedOption" in S && t(2, c = S.speedOption), "speed" in S && t(17, u = S.speed), "showController" in S && t(3, h = S.showController), "tags" in S && t(4, f = S.tags), "inactiveColor" in S && t(5, d = S.inactiveColor);
   }, r.$$.update = () => {
     r.$$.dirty[0] & /*width, height*/
-    24576 && t(11, _ = To({
+    24576 && t(11, _ = Oo({
       width: `${i}px`,
       height: `${s}px`
     })), r.$$.dirty[0] & /*width, height, showController*/
-    24584 && t(12, U = To({
+    24584 && t(12, U = Oo({
       width: `${i}px`,
-      height: `${s + (h ? Yo : 0)}px`
+      height: `${s + (h ? Ho : 0)}px`
     }));
-  }, e = Mn(e), [
+  }, e = Nn(e), [
     a,
     l,
     c,
@@ -12160,19 +12160,19 @@ function Ly(r, e, t) {
     ie,
     Q,
     pe,
-    be,
+    ve,
     A,
     C
   ];
 }
-let $y = class extends Ls {
+let $y = class extends $s {
   constructor(e) {
-    super(), Ps(
+    super(), Ls(
       this,
       e,
       Ly,
       Py,
-      Ds,
+      Ts,
       {
         width: 13,
         height: 14,
@@ -12265,7 +12265,7 @@ const By = [
   "application/json"
 ], Uy = 2 * 1024 * 1024, xs = 5;
 function zy(r) {
-  const [e, t] = xe(""), [i, s] = xe([]), [n, o] = xe(!1), [a, l] = xe("console"), c = e.trim().length > 0;
+  const [e, t] = ge(""), [i, s] = ge([]), [n, o] = ge(!1), [a, l] = ge("console"), c = e.trim().length > 0;
   return /* @__PURE__ */ k(Xy, { children: [
     /* @__PURE__ */ k("div", { style: Ky, children: [
       /* @__PURE__ */ y("h2", { style: { margin: 0, fontSize: 18, fontWeight: 700 }, children: "Review & send" }),
@@ -12286,7 +12286,7 @@ function zy(r) {
       }
     ),
     /* @__PURE__ */ k("div", { style: { marginTop: 18 }, children: [
-      /* @__PURE__ */ k("label", { style: Xo, children: [
+      /* @__PURE__ */ k("label", { style: Jo, children: [
         "What happened? ",
         /* @__PURE__ */ y("span", { style: { color: "#ef4444" }, children: "*" })
       ] }),
@@ -12302,7 +12302,7 @@ function zy(r) {
       )
     ] }),
     /* @__PURE__ */ k("div", { style: { marginTop: 14 }, children: [
-      /* @__PURE__ */ k("label", { style: Xo, children: [
+      /* @__PURE__ */ k("label", { style: Jo, children: [
         "Attachments",
         " ",
         /* @__PURE__ */ k("span", { style: { color: "#9ca3af", fontWeight: 400 }, children: [
@@ -12398,8 +12398,8 @@ function zy(r) {
     ] }),
     /* @__PURE__ */ k("div", { style: iw, children: [
       /* @__PURE__ */ k("div", { style: { display: "flex", gap: 8 }, children: [
-        /* @__PURE__ */ y(Zo, { onClick: r.onCancel, children: "Cancel" }),
-        /* @__PURE__ */ y(Zo, { onClick: r.onBackToMarkup, children: "← Back to edit" })
+        /* @__PURE__ */ y(Xo, { onClick: r.onCancel, children: "Cancel" }),
+        /* @__PURE__ */ y(Xo, { onClick: r.onBackToMarkup, children: "← Back to edit" })
       ] }),
       /* @__PURE__ */ y(
         Jy,
@@ -12423,7 +12423,7 @@ function jy(r, e, t) {
   t(i.slice(0, xs));
 }
 function Wy(r) {
-  const [e, t] = xe(
+  const [e, t] = ge(
     r.hasReplay ? "replay" : "screenshot"
   );
   return /* @__PURE__ */ k(
@@ -12447,13 +12447,13 @@ function Wy(r) {
             },
             children: [
               r.hasReplay ? /* @__PURE__ */ k("div", { style: { display: "flex", gap: 4 }, children: [
-                /* @__PURE__ */ k(Ho, { active: e === "replay", onClick: () => t("replay"), children: [
+                /* @__PURE__ */ k(Zo, { active: e === "replay", onClick: () => t("replay"), children: [
                   "Replay · ",
-                  un(r.durationMs),
+                  hn(r.durationMs),
                   r.audioBlobUrl ? " · audio" : ""
                 ] }),
                 /* @__PURE__ */ y(
-                  Ho,
+                  Zo,
                   {
                     active: e === "screenshot",
                     onClick: () => t("screenshot"),
@@ -12533,11 +12533,11 @@ function Wy(r) {
   );
 }
 function Vy({ logs: r }) {
-  return r.length === 0 ? /* @__PURE__ */ y(cn, { children: "Nothing was logged during the recording." }) : /* @__PURE__ */ y("pre", { style: rw, children: r.map((e) => `[${un(e.timestamp)}] [${e.level}] ${e.message}`).join(`
+  return r.length === 0 ? /* @__PURE__ */ y(un, { children: "Nothing was logged during the recording." }) : /* @__PURE__ */ y("pre", { style: rw, children: r.map((e) => `[${hn(e.timestamp)}] [${e.level}] ${e.message}`).join(`
 `) });
 }
 function Gy({ events: r }) {
-  return r.length === 0 ? /* @__PURE__ */ y(cn, { children: "No network requests captured." }) : /* @__PURE__ */ k("table", { style: { width: "100%", fontSize: 11, borderCollapse: "collapse" }, children: [
+  return r.length === 0 ? /* @__PURE__ */ y(un, { children: "No network requests captured." }) : /* @__PURE__ */ k("table", { style: { width: "100%", fontSize: 11, borderCollapse: "collapse" }, children: [
     /* @__PURE__ */ y("thead", { children: /* @__PURE__ */ k("tr", { style: { color: "#6b7280", textAlign: "left" }, children: [
       /* @__PURE__ */ y("th", { style: Cr, children: "method" }),
       /* @__PURE__ */ y("th", { style: Cr, children: "status" }),
@@ -12561,7 +12561,7 @@ function Gy({ events: r }) {
 }
 function Yy({ summary: r }) {
   const e = Object.entries(r.counts).filter(([, t]) => t > 0);
-  return e.length === 0 ? /* @__PURE__ */ y(cn, { children: "No regex matches. Form input values are still automatically masked by rrweb." }) : /* @__PURE__ */ k("div", { children: [
+  return e.length === 0 ? /* @__PURE__ */ y(un, { children: "No regex matches. Form input values are still automatically masked by rrweb." }) : /* @__PURE__ */ k("div", { children: [
     /* @__PURE__ */ y("div", { style: { display: "flex", flexWrap: "wrap", gap: 6, marginBottom: 10 }, children: e.map(([t, i]) => /* @__PURE__ */ k(
       "span",
       {
@@ -12595,7 +12595,7 @@ function Hy(r) {
     ["Page URL", r.pageUrl],
     ["User agent", r.userAgent],
     ["Viewport", `${r.viewport.width} × ${r.viewport.height}`],
-    ["Recording", r.hasReplay ? `${un(r.durationMs)} (replay)` : "screenshot only"],
+    ["Recording", r.hasReplay ? `${hn(r.durationMs)} (replay)` : "screenshot only"],
     ["Audio", r.hasAudio ? "attached" : "none"],
     [
       "Attachments",
@@ -12630,7 +12630,7 @@ function Hy(r) {
     )
   ] }, t)) }) });
 }
-function cn({ children: r }) {
+function un({ children: r }) {
   return /* @__PURE__ */ y(
     "div",
     {
@@ -12669,7 +12669,7 @@ function Sr({
     }
   );
 }
-function Ho({
+function Zo({
   active: r,
   onClick: e,
   children: t
@@ -12696,8 +12696,8 @@ function Ho({
   );
 }
 function Zy(r) {
-  const e = hn(null), t = hn(null);
-  return Ko(() => {
+  const e = fn(null), t = fn(null);
+  return ks(() => {
     const i = e.current;
     if (!i || r.events.length === 0) return;
     i.replaceChildren();
@@ -12810,7 +12810,7 @@ function Jy({
     }
   );
 }
-function Zo({
+function Xo({
   onClick: r,
   children: e
 }) {
@@ -12837,7 +12837,7 @@ const Ky = {
   alignItems: "baseline",
   justifyContent: "space-between",
   marginBottom: 14
-}, Xo = {
+}, Jo = {
   display: "block",
   fontSize: 12,
   fontWeight: 600,
@@ -12911,7 +12911,7 @@ const Ky = {
   borderTop: "1px solid #e5e7eb",
   zIndex: 1
 };
-function un(r) {
+function hn(r) {
   const e = Math.floor(r / 1e3), t = Math.floor(e / 60), i = e % 60;
   return `${t}:${String(i).padStart(2, "0")}`;
 }
@@ -12980,7 +12980,7 @@ function nw(r) {
             onSend: r.onSendReport
           }
         ),
-        r.view === "uploading" && /* @__PURE__ */ y(hw, { children: "Uploading report…" }),
+        r.view === "uploading" && /* @__PURE__ */ y(hw, { color: r.primaryColor }),
         r.view === "success" && /* @__PURE__ */ y(
           fw,
           {
@@ -13058,7 +13058,7 @@ function aw({
   onClick: t
 }) {
   const i = lw(r, 0.12), s = cw(r, 0.33);
-  return /* @__PURE__ */ k(vt, { children: [
+  return /* @__PURE__ */ k(Qe, { children: [
     /* @__PURE__ */ y("style", { children: `
         [data-bugjar-block] .bugjar-trigger {
           background: ${r};
@@ -13136,21 +13136,68 @@ function uw({ size: r = 14, stroke: e = 1.7 }) {
     }
   );
 }
-function hw({ children: r }) {
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      style: {
-        background: "#111827",
-        color: "white",
-        padding: "10px 16px",
-        borderRadius: 8,
-        fontFamily: "system-ui",
-        fontSize: 13
-      },
-      children: r
-    }
-  );
+function hw({ color: r }) {
+  const [e, t] = ge(0);
+  ks(() => {
+    const s = window.setTimeout(() => t(1), 4e3), n = window.setTimeout(() => t(2), 1e4);
+    return () => {
+      window.clearTimeout(s), window.clearTimeout(n);
+    };
+  }, []);
+  const i = ["Uploading your report…", "Uploading replay — this can take a moment…", "Almost done — finalizing…"];
+  return /* @__PURE__ */ k(Qe, { children: [
+    /* @__PURE__ */ y("style", { children: `
+        @keyframes bugjar-spin { to { transform: rotate(360deg); } }
+        @keyframes bugjar-bar { 0% { background-position: 0 0; } 100% { background-position: 24px 0; } }
+        .bugjar-spinner {
+          width: 14px;
+          height: 14px;
+          border-radius: 50%;
+          border: 2px solid rgba(255,255,255,0.25);
+          border-top-color: white;
+          animation: bugjar-spin 0.8s linear infinite;
+          flex-shrink: 0;
+        }
+        .bugjar-upload-bar {
+          height: 2px;
+          background: linear-gradient(
+            90deg,
+            transparent 0%,
+            ${r} 30%,
+            ${r} 60%,
+            transparent 100%
+          );
+          background-size: 200% 100%;
+          background-repeat: repeat-x;
+          animation: bugjar-bar 1.2s linear infinite;
+          margin-top: 8px;
+          border-radius: 2px;
+        }
+      ` }),
+    /* @__PURE__ */ k(
+      "div",
+      {
+        style: {
+          background: "#111827",
+          color: "white",
+          padding: "12px 16px",
+          borderRadius: 10,
+          fontFamily: "system-ui, -apple-system, sans-serif",
+          fontSize: 13,
+          boxShadow: "0 10px 30px rgba(0,0,0,0.3)",
+          minWidth: 240,
+          maxWidth: 320
+        },
+        children: [
+          /* @__PURE__ */ k("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
+            /* @__PURE__ */ y("span", { className: "bugjar-spinner" }),
+            /* @__PURE__ */ y("span", { children: i[e] })
+          ] }),
+          /* @__PURE__ */ y("div", { className: "bugjar-upload-bar" })
+        ]
+      }
+    )
+  ] });
 }
 function fw({
   color: r,
@@ -13316,7 +13363,7 @@ async function xr(r, e) {
     throw new Error(`PUT ${Zr(r)} failed: ${t.status} ${i.slice(0, 160)}`);
   }
 }
-const Ar = [200, 800, 3200], Jo = 3e4;
+const Ar = [200, 800, 3200], Ko = 3e4;
 async function Rs(r, e) {
   let t = null;
   for (let i = 0; i <= Ar.length; i++) {
@@ -13343,13 +13390,13 @@ function ww(r, e) {
   return !r || typeof AbortSignal.any != "function" ? e : AbortSignal.any([r, e]);
 }
 async function bw(r, e) {
-  const t = AbortSignal.timeout(Jo), i = ww(e.signal, t);
+  const t = AbortSignal.timeout(Ko), i = ww(e.signal, t);
   try {
     return await pw(r, { ...e, signal: i });
   } catch (s) {
     const n = (e.method ?? "GET").toUpperCase();
     if (t.aborted && !e.signal?.aborted)
-      throw new Error(`${n} ${Zr(r)} timed out after ${Jo / 1e3}s`);
+      throw new Error(`${n} ${Zr(r)} timed out after ${Ko / 1e3}s`);
     const a = s, l = a?.cause instanceof Error ? `: ${a.cause.message}` : a?.cause ? `: ${String(a.cause)}` : "", c = s instanceof Error ? s.message : String(s);
     throw new Error(`${n} ${Zr(r)} failed: ${c}${l}`);
   }
@@ -13497,7 +13544,7 @@ class Cw {
       this.config.onError?.(o instanceof Error ? o : new Error(String(o)));
     }
     this.sessionId = i.sessionId, this.persistedActiveMs = i.activeMs, this.view = "active", this.isRecording = !0, this.elapsedMs = i.activeMs, this.resumingToast = { remainingMs: s }, this.ensureMarkupLayer(), this.render();
-    const n = new yn({
+    const n = new wn({
       sessionId: i.sessionId,
       projectKey: e,
       persistedActiveMs: i.activeMs,
@@ -13551,6 +13598,14 @@ class Cw {
    * it on the resolved config. Idempotent — re-running with the same
    * token is a no-op. Failures don't throw; they call onError and
    * leave default redaction in place.
+   *
+   * On success, auto-opens the markup toolbar (`view = 'active'`).
+   * Rationale: the user arrived here from clicking "Allow" on the
+   * consent page — their explicit intent is to record. Making them
+   * hunt for the trigger button after that is unnecessary friction.
+   * Recording itself stays manual (one more Record click) because
+   * the browser's getUserMedia permission prompt needs the user's
+   * explicit gesture to fire cleanly.
    */
   async applyCaptureToken(e) {
     if (this.config && this.config.captureToken !== e)
@@ -13566,7 +13621,7 @@ class Cw {
           );
         }
         const { disableCategories: i } = await t.json(), s = iu(i);
-        this.config.captureToken = e, this.config.disabledCategories = s;
+        this.config.captureToken = e, this.config.disabledCategories = s, this.view === "idle" && this.open();
       } catch (t) {
         this.config.onError?.(t instanceof Error ? t : new Error(String(t)));
       }
@@ -13656,7 +13711,7 @@ class Cw {
   async startRecording() {
     if (!this.config || this.isRecording || this.recorder) return;
     this.discardPersistedSession(), this.isRecording = !0, this.elapsedMs = 0, this.lastRecording = null, this.persistedActiveMs = 0;
-    const e = pn();
+    const e = mn();
     this.sessionId = e;
     const t = {
       sessionId: e,
@@ -13675,7 +13730,7 @@ class Cw {
     } catch (i) {
       this.config.onError?.(i instanceof Error ? i : new Error(String(i)));
     }
-    this.render(), this.recorder = new yn({
+    this.render(), this.recorder = new wn({
       sessionId: e,
       projectKey: this.config.projectKey,
       persistedActiveMs: 0,
@@ -13720,7 +13775,7 @@ class Cw {
           const w = At(m, e, t);
           return { ...w, url: Oi(w.url, e) };
         }) : [], a = await bh(), l = { width: window.innerWidth, height: window.innerHeight }, c = i?.audioBlob ?? null, u = i?.durationMs ?? 0, h = {
-          reportId: pn(),
+          reportId: mn(),
           createdAt: Date.now(),
           durationMs: u,
           rrwebEvents: s,
@@ -13837,4 +13892,3 @@ export {
   Rw as BugJar,
   Aw as _client
 };
-//# sourceMappingURL=index.js.map