@ohbug/extension-feedback 0.6.1 → 0.7.0

package/dist/index.mjs

@@ -1,31 +1,27 @@
-const _ = {};
-function Te(e) {
-  _.context = e;
-}
-const Pe = (e, t) => e === t, T = Symbol("solid-proxy"), fe = Symbol("solid-track"), K = {
-  equals: Pe
+const Te = (e, t) => e === t, C = Symbol("solid-proxy"), fe = Symbol("solid-track"), K = {
+  equals: Te
 };
-let ge = ve;
-const N = 1, W = 2, be = {
+let ge = me;
+const k = 1, W = 2, be = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
-var y = null;
-let C = null, b = null, $ = null, A = null, ie = 0;
-function Le(e, t) {
-  const n = b, o = y, s = e.length === 0, l = s ? be : {
+var w = null;
+let ne = null, b = null, $ = null, S = null, ee = 0;
+function Pe(e, t) {
+  const n = b, l = w, o = e.length === 0, s = o ? be : {
     owned: null,
     cleanups: null,
     context: null,
-    owner: t || o
-  }, r = s ? e : () => e(() => te(() => ce(l)));
-  y = l, b = null;
+    owner: t === void 0 ? l : t
+  }, i = o ? e : () => e(() => N(() => te(s)));
+  w = s, b = null;
   try {
-    return M(r, !0);
+    return H(i, !0);
   } finally {
-    b = n, y = o;
+    b = n, w = l;
   }
 }
 function F(e, t) {
@@ -35,57 +31,63 @@ function F(e, t) {
     observers: null,
     observerSlots: null,
     comparator: t.equals || void 0
-  }, o = (s) => (typeof s == "function" && (s = s(n.value)), $e(n, s));
-  return [ye.bind(n), o];
+  }, l = (o) => (typeof o == "function" && (o = o(n.value)), $e(n, o));
+  return [ye.bind(n), l];
 }
 function j(e, t, n) {
-  const o = re(e, t, !1, N);
-  G(o);
+  const l = re(e, t, !1, k);
+  G(l);
 }
 function pe(e, t, n) {
-  ge = De;
-  const o = re(e, t, !1, N);
-  o.user = !0, A ? A.push(o) : G(o);
+  ge = Me;
+  const l = re(e, t, !1, k);
+  (!n || !n.render) && (l.user = !0), S ? S.push(l) : G(l);
 }
 function ae(e, t, n) {
   n = n ? Object.assign({}, K, n) : K;
-  const o = re(e, t, !0, 0);
-  return o.observers = null, o.observerSlots = null, o.comparator = n.equals || void 0, G(o), ye.bind(o);
+  const l = re(e, t, !0, 0);
+  return l.observers = null, l.observerSlots = null, l.comparator = n.equals || void 0, G(l), ye.bind(l);
 }
-function ze(e) {
-  return M(e, !1);
+function Le(e) {
+  return H(e, !1);
 }
-function te(e) {
-  let t, n = b;
-  return b = null, t = e(), b = n, t;
+function N(e) {
+  if (b === null)
+    return e();
+  const t = b;
+  b = null;
+  try {
+    return e();
+  } finally {
+    b = t;
+  }
 }
-function He(e) {
-  return y === null || (y.cleanups === null ? y.cleanups = [e] : y.cleanups.push(e)), e;
+function ze(e) {
+  return w === null || (w.cleanups === null ? w.cleanups = [e] : w.cleanups.push(e)), e;
 }
 function we() {
   return b;
 }
 function ye() {
-  const e = C;
-  if (this.sources && (this.state || e))
-    if (this.state === N || e)
+  if (this.sources && this.state)
+    if (this.state === k)
       G(this);
     else {
-      const t = $;
-      $ = null, M(() => Y(this), !1), $ = t;
+      const e = $;
+      $ = null, H(() => Y(this), !1), $ = e;
     }
   if (b) {
-    const t = this.observers ? this.observers.length : 0;
-    b.sources ? (b.sources.push(this), b.sourceSlots.push(t)) : (b.sources = [this], b.sourceSlots = [t]), this.observers ? (this.observers.push(b), this.observerSlots.push(b.sources.length - 1)) : (this.observers = [b], this.observerSlots = [b.sources.length - 1]);
+    const e = this.observers ? this.observers.length : 0;
+    b.sources ? (b.sources.push(this), b.sourceSlots.push(e)) : (b.sources = [this], b.sourceSlots = [e]), this.observers ? (this.observers.push(b), this.observerSlots.push(b.sources.length - 1)) : (this.observers = [b], this.observerSlots = [b.sources.length - 1]);
   }
   return this.value;
 }
 function $e(e, t, n) {
-  let o = e.value;
-  return (!e.comparator || !e.comparator(o, t)) && (e.value = t, e.observers && e.observers.length && M(() => {
-    for (let s = 0; s < e.observers.length; s += 1) {
-      const l = e.observers[s], r = C && C.running;
-      r && C.disposed.has(l), (r && !l.tState || !r && !l.state) && (l.pure ? $.push(l) : A.push(l), l.observers && me(l)), r || (l.state = N);
+  let l = e.value;
+  return (!e.comparator || !e.comparator(l, t)) && (e.value = t, e.observers && e.observers.length && H(() => {
+    for (let o = 0; o < e.observers.length; o += 1) {
+      const s = e.observers[o], i = ne && ne.running;
+      i && ne.disposed.has(s), (i ? !s.tState : !s.state) && (s.pure ? $.push(s) : S.push(s), s.observers && ve(s)), i || (s.state = k);
     }
     if ($.length > 1e6)
       throw $ = [], new Error();
@@ -94,218 +96,232 @@ function $e(e, t, n) {
 function G(e) {
   if (!e.fn)
     return;
-  ce(e);
-  const t = y, n = b, o = ie;
-  b = y = e, je(e, e.value, o), b = n, y = t;
+  te(e);
+  const t = w, n = b, l = ee;
+  b = w = e, je(e, e.value, l), b = n, w = t;
 }
 function je(e, t, n) {
-  let o;
+  let l;
   try {
-    o = e.fn(t);
-  } catch (s) {
-    e.pure && (e.state = N), xe(s);
+    l = e.fn(t);
+  } catch (o) {
+    return e.pure && (e.state = k, e.owned && e.owned.forEach(te), e.owned = null), e.updatedAt = n + 1, xe(o);
   }
-  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? $e(e, o) : e.value = o, e.updatedAt = n);
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? $e(e, l) : e.value = l, e.updatedAt = n);
 }
-function re(e, t, n, o = N, s) {
-  const l = {
+function re(e, t, n, l = k, o) {
+  const s = {
     fn: e,
-    state: o,
+    state: l,
     updatedAt: null,
     owned: null,
     sources: null,
     sourceSlots: null,
     cleanups: null,
     value: t,
-    owner: y,
+    owner: w,
     context: null,
     pure: n
   };
-  return y === null || y !== be && (y.owned ? y.owned.push(l) : y.owned = [l]), l;
+  return w === null || w !== be && (w.owned ? w.owned.push(s) : w.owned = [s]), s;
 }
 function X(e) {
-  const t = C;
-  if (e.state === 0 || t)
+  if (e.state === 0)
     return;
-  if (e.state === W || t)
+  if (e.state === W)
     return Y(e);
-  if (e.suspense && te(e.suspense.inFallback))
+  if (e.suspense && N(e.suspense.inFallback))
     return e.suspense.effects.push(e);
-  const n = [e];
-  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < ie); )
-    (e.state || t) && n.push(e);
-  for (let o = n.length - 1; o >= 0; o--)
-    if (e = n[o], e.state === N || t)
+  const t = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < ee); )
+    e.state && t.push(e);
+  for (let n = t.length - 1; n >= 0; n--)
+    if (e = t[n], e.state === k)
       G(e);
-    else if (e.state === W || t) {
-      const s = $;
-      $ = null, M(() => Y(e, n[0]), !1), $ = s;
+    else if (e.state === W) {
+      const l = $;
+      $ = null, H(() => Y(e, t[0]), !1), $ = l;
     }
 }
-function M(e, t) {
+function H(e, t) {
   if ($)
     return e();
   let n = !1;
-  t || ($ = []), A ? n = !0 : A = [], ie++;
+  t || ($ = []), S ? n = !0 : S = [], ee++;
   try {
-    const o = e();
-    return Me(n), o;
-  } catch (o) {
-    $ || (A = null), xe(o);
+    const l = e();
+    return He(n), l;
+  } catch (l) {
+    n || (S = null), $ = null, xe(l);
   }
 }
-function Me(e) {
-  if ($ && (ve($), $ = null), e)
+function He(e) {
+  if ($ && (me($), $ = null), e)
     return;
-  const t = A;
-  A = null, t.length && M(() => ge(t), !1);
+  const t = S;
+  S = null, t.length && H(() => ge(t), !1);
 }
-function ve(e) {
+function me(e) {
   for (let t = 0; t < e.length; t++)
     X(e[t]);
 }
-function De(e) {
+function Me(e) {
   let t, n = 0;
   for (t = 0; t < e.length; t++) {
-    const o = e[t];
-    o.user ? e[n++] = o : X(o);
+    const l = e[t];
+    l.user ? e[n++] = l : X(l);
   }
-  for (_.context && Te(), t = 0; t < n; t++)
+  for (t = 0; t < n; t++)
     X(e[t]);
 }
 function Y(e, t) {
-  const n = C;
   e.state = 0;
-  for (let o = 0; o < e.sources.length; o += 1) {
-    const s = e.sources[o];
-    s.sources && (s.state === N || n ? s !== t && X(s) : (s.state === W || n) && Y(s, t));
+  for (let n = 0; n < e.sources.length; n += 1) {
+    const l = e.sources[n];
+    if (l.sources) {
+      const o = l.state;
+      o === k ? l !== t && (!l.updatedAt || l.updatedAt < ee) && X(l) : o === W && Y(l, t);
+    }
   }
 }
-function me(e) {
-  const t = C;
-  for (let n = 0; n < e.observers.length; n += 1) {
-    const o = e.observers[n];
-    (!o.state || t) && (o.state = W, o.pure ? $.push(o) : A.push(o), o.observers && me(o));
+function ve(e) {
+  for (let t = 0; t < e.observers.length; t += 1) {
+    const n = e.observers[t];
+    n.state || (n.state = W, n.pure ? $.push(n) : S.push(n), n.observers && ve(n));
   }
 }
-function ce(e) {
+function te(e) {
   let t;
   if (e.sources)
     for (; e.sources.length; ) {
-      const n = e.sources.pop(), o = e.sourceSlots.pop(), s = n.observers;
-      if (s && s.length) {
-        const l = s.pop(), r = n.observerSlots.pop();
-        o < s.length && (l.sourceSlots[r] = o, s[o] = l, n.observerSlots[o] = r);
+      const n = e.sources.pop(), l = e.sourceSlots.pop(), o = n.observers;
+      if (o && o.length) {
+        const s = o.pop(), i = n.observerSlots.pop();
+        l < o.length && (s.sourceSlots[i] = l, o[l] = s, n.observerSlots[l] = i);
       }
     }
   if (e.owned) {
-    for (t = 0; t < e.owned.length; t++)
-      ce(e.owned[t]);
+    for (t = e.owned.length - 1; t >= 0; t--)
+      te(e.owned[t]);
     e.owned = null;
   }
   if (e.cleanups) {
-    for (t = 0; t < e.cleanups.length; t++)
+    for (t = e.cleanups.length - 1; t >= 0; t--)
       e.cleanups[t]();
     e.cleanups = null;
   }
   e.state = 0, e.context = null;
 }
-function Be(e) {
-  return e instanceof Error || typeof e == "string" ? e : new Error("Unknown error");
+function De(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
+    cause: e
+  });
 }
-function xe(e) {
-  throw e = Be(e), e;
+function xe(e, t = w) {
+  throw De(e);
 }
 function x(e, t) {
-  return te(() => e(t || {}));
+  return N(() => e(t || {}));
 }
-function R(e) {
-  let t = !1;
-  const n = e.keyed, o = ae(() => e.when, void 0, {
-    equals: (s, l) => t ? s === l : !s == !l
+const Be = (e) => `Stale read from <${e}>.`;
+function U(e) {
+  const t = e.keyed, n = ae(() => e.when, void 0, {
+    equals: (l, o) => t ? l === o : !l == !o
   });
   return ae(() => {
-    const s = o();
-    if (s) {
-      const l = e.children, r = typeof l == "function" && l.length > 0;
-      return t = n || r, r ? te(() => l(s)) : l;
+    const l = n();
+    if (l) {
+      const o = e.children;
+      return typeof o == "function" && o.length > 0 ? N(() => o(t ? l : () => {
+        if (!N(n))
+          throw Be("Show");
+        return e.when;
+      })) : o;
     }
     return e.fallback;
-  });
+  }, void 0, void 0);
 }
 function Fe(e, t, n) {
-  let o = n.length, s = t.length, l = o, r = 0, i = 0, c = t[s - 1].nextSibling, f = null;
-  for (; r < s || i < l; ) {
-    if (t[r] === n[i]) {
-      r++, i++;
+  let l = n.length, o = t.length, s = l, i = 0, r = 0, c = t[o - 1].nextSibling, h = null;
+  for (; i < o || r < s; ) {
+    if (t[i] === n[r]) {
+      i++, r++;
       continue;
     }
-    for (; t[s - 1] === n[l - 1]; )
-      s--, l--;
-    if (s === r) {
-      const a = l < o ? i ? n[i - 1].nextSibling : n[l - i] : c;
-      for (; i < l; )
-        e.insertBefore(n[i++], a);
-    } else if (l === i)
+    for (; t[o - 1] === n[s - 1]; )
+      o--, s--;
+    if (o === i) {
+      const u = s < l ? r ? n[r - 1].nextSibling : n[s - r] : c;
       for (; r < s; )
-        (!f || !f.has(t[r])) && t[r].remove(), r++;
-    else if (t[r] === n[l - 1] && n[i] === t[s - 1]) {
-      const a = t[--s].nextSibling;
-      e.insertBefore(n[i++], t[r++].nextSibling), e.insertBefore(n[--l], a), t[s] = n[l];
+        e.insertBefore(n[r++], u);
+    } else if (s === r)
+      for (; i < o; )
+        (!h || !h.has(t[i])) && t[i].remove(), i++;
+    else if (t[i] === n[s - 1] && n[r] === t[o - 1]) {
+      const u = t[--o].nextSibling;
+      e.insertBefore(n[r++], t[i++].nextSibling), e.insertBefore(n[--s], u), t[o] = n[s];
     } else {
-      if (!f) {
-        f = /* @__PURE__ */ new Map();
-        let h = i;
-        for (; h < l; )
-          f.set(n[h], h++);
+      if (!h) {
+        h = /* @__PURE__ */ new Map();
+        let g = r;
+        for (; g < s; )
+          h.set(n[g], g++);
       }
-      const a = f.get(t[r]);
-      if (a != null)
-        if (i < a && a < l) {
-          let h = r, v = 1, E;
-          for (; ++h < s && h < l && !((E = f.get(t[h])) == null || E !== a + v); )
-            v++;
-          if (v > a - i) {
-            const P = t[r];
-            for (; i < a; )
-              e.insertBefore(n[i++], P);
+      const u = h.get(t[i]);
+      if (u != null)
+        if (r < u && u < s) {
+          let g = i, m = 1, _;
+          for (; ++g < o && g < s && !((_ = h.get(t[g])) == null || _ !== u + m); )
+            m++;
+          if (m > u - r) {
+            const T = t[i];
+            for (; r < u; )
+              e.insertBefore(n[r++], T);
           } else
-            e.replaceChild(n[i++], t[r++]);
+            e.replaceChild(n[r++], t[i++]);
         } else
-          r++;
+          i++;
       else
-        t[r++].remove();
+        t[i++].remove();
     }
   }
 }
 const de = "_$DX_DELEGATE";
-function Re(e, t, n) {
+function Ue(e, t, n, l = {}) {
   let o;
-  return Le((s) => {
-    o = s, t === document ? e() : m(t, e(), t.firstChild ? null : void 0, n);
-  }), () => {
+  return Pe((s) => {
+    o = s, t === document ? e() : v(t, e(), t.firstChild ? null : void 0, n);
+  }, l.owner), () => {
     o(), t.textContent = "";
   };
 }
-function k(e, t, n) {
-  const o = document.createElement("template");
-  o.innerHTML = e;
-  let s = o.content.firstChild;
-  return n && (s = s.firstChild), s;
+function A(e, t, n) {
+  let l;
+  const o = () => {
+    const i = document.createElement("template");
+    return i.innerHTML = e, n ? i.content.firstChild.firstChild : i.content.firstChild;
+  }, s = t ? () => N(() => document.importNode(l || (l = o()), !0)) : () => (l || (l = o())).cloneNode(!0);
+  return s.cloneNode = s, s;
 }
 function _e(e, t = window.document) {
   const n = t[de] || (t[de] = /* @__PURE__ */ new Set());
-  for (let o = 0, s = e.length; o < s; o++) {
-    const l = e[o];
-    n.has(l) || (n.add(l), t.addEventListener(l, Ue));
+  for (let l = 0, o = e.length; l < o; l++) {
+    const s = e[l];
+    n.has(s) || (n.add(s), t.addEventListener(s, Ve));
   }
 }
-function m(e, t, n, o) {
-  if (n !== void 0 && !o && (o = []), typeof t != "function")
-    return J(e, t, o, n);
-  j((s) => J(e, t(), s, n), o);
+function Re(e, t) {
+  t == null ? e.removeAttribute("class") : e.className = t;
 }
-function Ue(e) {
+function D(e, t, n) {
+  return N(() => e(t, n));
+}
+function v(e, t, n, l) {
+  if (n !== void 0 && !l && (l = []), typeof t != "function")
+    return J(e, t, l, n);
+  j((o) => J(e, t(), o, n), l);
+}
+function Ve(e) {
   const t = `$$${e.type}`;
   let n = e.composedPath && e.composedPath()[0] || e.target;
   for (e.target !== n && Object.defineProperty(e, "target", {
@@ -316,199 +332,185 @@ function Ue(e) {
     get() {
       return n || document;
     }
-  }), _.registry && !_.done && (_.done = !0, document.querySelectorAll("[id^=pl-]").forEach((o) => o.remove())); n !== null; ) {
-    const o = n[t];
-    if (o && !n.disabled) {
-      const s = n[`${t}Data`];
-      if (s !== void 0 ? o.call(n, s, e) : o.call(n, e), e.cancelBubble)
+  }); n; ) {
+    const l = n[t];
+    if (l && !n.disabled) {
+      const o = n[`${t}Data`];
+      if (o !== void 0 ? l.call(n, o, e) : l.call(n, e), e.cancelBubble)
         return;
     }
-    n = n.host && n.host !== n && n.host instanceof Node ? n.host : n.parentNode;
+    n = n._$host || n.parentNode || n.host;
   }
 }
-function J(e, t, n, o, s) {
-  for (_.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+function J(e, t, n, l, o) {
+  for (; typeof n == "function"; )
     n = n();
   if (t === n)
     return n;
-  const l = typeof t, r = o !== void 0;
-  if (e = r && n[0] && n[0].parentNode || e, l === "string" || l === "number") {
-    if (_.context)
-      return n;
-    if (l === "number" && (t = t.toString()), r) {
-      let i = n[0];
-      i && i.nodeType === 3 ? i.data = t : i = document.createTextNode(t), n = z(e, n, o, i);
+  const s = typeof t, i = l !== void 0;
+  if (e = i && n[0] && n[0].parentNode || e, s === "string" || s === "number")
+    if (s === "number" && (t = t.toString()), i) {
+      let r = n[0];
+      r && r.nodeType === 3 ? r.data = t : r = document.createTextNode(t), n = L(e, n, l, r);
     } else
       n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
-  } else if (t == null || l === "boolean") {
-    if (_.context)
-      return n;
-    n = z(e, n, o);
-  } else {
-    if (l === "function")
+  else if (t == null || s === "boolean")
+    n = L(e, n, l);
+  else {
+    if (s === "function")
       return j(() => {
-        let i = t();
-        for (; typeof i == "function"; )
-          i = i();
-        n = J(e, i, n, o);
+        let r = t();
+        for (; typeof r == "function"; )
+          r = r();
+        n = J(e, r, n, l);
       }), () => n;
     if (Array.isArray(t)) {
-      const i = [], c = n && Array.isArray(n);
-      if (ne(i, t, n, s))
-        return j(() => n = J(e, i, n, o, !0)), () => n;
-      if (_.context) {
-        if (!i.length)
-          return n;
-        for (let f = 0; f < i.length; f++)
-          if (i[f].parentNode)
-            return n = i;
-      }
-      if (i.length === 0) {
-        if (n = z(e, n, o), r)
+      const r = [], c = n && Array.isArray(n);
+      if (le(r, t, n, o))
+        return j(() => n = J(e, r, n, l, !0)), () => n;
+      if (r.length === 0) {
+        if (n = L(e, n, l), i)
           return n;
       } else
-        c ? n.length === 0 ? he(e, i, o) : Fe(e, n, i) : (n && z(e), he(e, i));
-      n = i;
-    } else if (t instanceof Node) {
-      if (_.context && t.parentNode)
-        return n = r ? [t] : t;
+        c ? n.length === 0 ? he(e, r, l) : Fe(e, n, r) : (n && L(e), he(e, r));
+      n = r;
+    } else if (t.nodeType) {
       if (Array.isArray(n)) {
-        if (r)
-          return n = z(e, n, o, t);
-        z(e, n, null, t);
+        if (i)
+          return n = L(e, n, l, t);
+        L(e, n, null, t);
       } else
         n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
       n = t;
-    }
+    } else
+      console.warn("Unrecognized value. Skipped inserting", t);
   }
   return n;
 }
-function ne(e, t, n, o) {
-  let s = !1;
-  for (let l = 0, r = t.length; l < r; l++) {
-    let i = t[l], c = n && n[l];
-    if (i instanceof Node)
-      e.push(i);
-    else if (!(i == null || i === !0 || i === !1))
-      if (Array.isArray(i))
-        s = ne(e, i, c) || s;
-      else if (typeof i == "function")
-        if (o) {
-          for (; typeof i == "function"; )
-            i = i();
-          s = ne(e, Array.isArray(i) ? i : [i], Array.isArray(c) ? c : [c]) || s;
+function le(e, t, n, l) {
+  let o = !1;
+  for (let s = 0, i = t.length; s < i; s++) {
+    let r = t[s], c = n && n[s], h;
+    if (!(r == null || r === !0 || r === !1))
+      if ((h = typeof r) == "object" && r.nodeType)
+        e.push(r);
+      else if (Array.isArray(r))
+        o = le(e, r, c) || o;
+      else if (h === "function")
+        if (l) {
+          for (; typeof r == "function"; )
+            r = r();
+          o = le(e, Array.isArray(r) ? r : [r], Array.isArray(c) ? c : [c]) || o;
         } else
-          e.push(i), s = !0;
+          e.push(r), o = !0;
       else {
-        const f = String(i);
-        c && c.nodeType === 3 && c.data === f ? e.push(c) : e.push(document.createTextNode(f));
+        const u = String(r);
+        c && c.nodeType === 3 && c.data === u ? e.push(c) : e.push(document.createTextNode(u));
       }
   }
-  return s;
+  return o;
 }
-function he(e, t, n) {
-  for (let o = 0, s = t.length; o < s; o++)
-    e.insertBefore(t[o], n);
+function he(e, t, n = null) {
+  for (let l = 0, o = t.length; l < o; l++)
+    e.insertBefore(t[l], n);
 }
-function z(e, t, n, o) {
+function L(e, t, n, l) {
   if (n === void 0)
     return e.textContent = "";
-  const s = o || document.createTextNode("");
+  const o = l || document.createTextNode("");
   if (t.length) {
-    let l = !1;
-    for (let r = t.length - 1; r >= 0; r--) {
-      const i = t[r];
-      if (s !== i) {
-        const c = i.parentNode === e;
-        !l && !r ? c ? e.replaceChild(s, i) : e.insertBefore(s, n) : c && i.remove();
+    let s = !1;
+    for (let i = t.length - 1; i >= 0; i--) {
+      const r = t[i];
+      if (o !== r) {
+        const c = r.parentNode === e;
+        !s && !i ? c ? e.replaceChild(o, r) : e.insertBefore(o, n) : c && r.remove();
       } else
-        l = !0;
+        s = !0;
     }
   } else
-    e.insertBefore(s, n);
-  return [s];
+    e.insertBefore(o, n);
+  return [o];
 }
-function Ve(e, t, ...n) {
+function Ge(e, t, ...n) {
   if (t === void 0)
     throw new Error("`Ohbug warning(condition, format, ...args)` requires a warning message argument");
   if (!e) {
-    let o = 0;
-    const s = t.replace(/%s/g, () => n[o++]);
-    throw new Error(`Ohbug ${s}`);
+    let l = 0;
+    const o = t.replace(/%s/g, () => n[l++]);
+    throw new Error(`Ohbug ${o}`);
   }
 }
-var Ge = {};
+var Ie = {};
 function qe() {
-  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : Ge;
+  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : Ie;
 }
-function Ie() {
+function Ke() {
   const e = qe();
-  return Ve(
-    Boolean(e.__OHBUG__),
+  return Ge(
+    !!e.__OHBUG__,
     "Failed to get `OhbugObject`, please confirm if `Ohbug.setup`"
   ), e.__OHBUG__;
 }
 function Ee(e, t) {
   e.parentNode && (t.push(e.parentNode), Ee(e.parentNode, t));
 }
-function Ke(e) {
+function We(e) {
   const t = [];
   return t.push(e), Ee(e, t), t;
 }
-var We = (e) => {
+var Xe = (e) => {
   const t = e.target || e.srcElement;
   let n = e.target || e.srcElement;
-  const o = [];
-  for (let r = 0; n && n.nodeType === Node.ELEMENT_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE; n = n.previousSibling)
-    r && o.push(n), r += 1;
-  const s = typeof e.path > "u" ? Ke(e.target) : e.path, { outerHTML: l } = t;
-  return s.reverse().map((r) => (r.localName || "") + (r.id ? `#${r.id}` : "") + (r.className ? `.${r.className}` : "") + (r.outerHTML === l ? `:nth-child(${o.length})` : "")).filter((r) => Boolean(r)).join(" > ");
+  const l = [];
+  for (let i = 0; n && n.nodeType === Node.ELEMENT_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE; n = n.previousSibling)
+    i && l.push(n), i += 1;
+  const o = typeof e.path > "u" ? We(e.target) : e.path, { outerHTML: s } = t;
+  return o.reverse().map((i) => (i.localName || "") + (i.id ? `#${i.id}` : "") + (i.className ? `.${i.className}` : "") + (i.outerHTML === s ? `:nth-child(${l.length})` : "")).filter((i) => !!i).join(" > ");
 };
-const oe = Symbol("store-raw"), U = Symbol("store-node"), Xe = Symbol("store-name");
-function Se(e, t) {
-  let n = e[T];
-  if (!n && (Object.defineProperty(e, T, {
-    value: n = new Proxy(e, Qe)
+const oe = Symbol("store-raw"), R = Symbol("store-node");
+function Se(e) {
+  let t = e[C];
+  if (!t && (Object.defineProperty(e, C, {
+    value: t = new Proxy(e, Qe)
   }), !Array.isArray(e))) {
-    const o = Object.keys(e), s = Object.getOwnPropertyDescriptors(e);
-    for (let l = 0, r = o.length; l < r; l++) {
-      const i = o[l];
-      if (s[i].get) {
-        const c = s[i].get.bind(n);
-        Object.defineProperty(e, i, {
-          get: c
-        });
-      }
+    const n = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
+    for (let o = 0, s = n.length; o < s; o++) {
+      const i = n[o];
+      l[i].get && Object.defineProperty(e, i, {
+        enumerable: l[i].enumerable,
+        get: l[i].get.bind(t)
+      });
     }
   }
-  return n;
+  return t;
 }
 function Q(e) {
   let t;
-  return e != null && typeof e == "object" && (e[T] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
+  return e != null && typeof e == "object" && (e[C] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
 function V(e, t = /* @__PURE__ */ new Set()) {
-  let n, o, s, l;
+  let n, l, o, s;
   if (n = e != null && e[oe])
     return n;
   if (!Q(e) || t.has(e))
     return e;
   if (Array.isArray(e)) {
     Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
-    for (let r = 0, i = e.length; r < i; r++)
-      s = e[r], (o = V(s, t)) !== s && (e[r] = o);
+    for (let i = 0, r = e.length; i < r; i++)
+      o = e[i], (l = V(o, t)) !== o && (e[i] = l);
   } else {
     Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
-    const r = Object.keys(e), i = Object.getOwnPropertyDescriptors(e);
-    for (let c = 0, f = r.length; c < f; c++)
-      l = r[c], !i[l].get && (s = e[l], (o = V(s, t)) !== s && (e[l] = o));
+    const i = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
+    for (let c = 0, h = i.length; c < h; c++)
+      s = i[c], !r[s].get && (o = e[s], (l = V(o, t)) !== o && (e[s] = l));
   }
   return e;
 }
-function Z(e) {
-  let t = e[U];
-  return t || Object.defineProperty(e, U, {
-    value: t = {}
+function ce(e) {
+  let t = e[R];
+  return t || Object.defineProperty(e, R, {
+    value: t = /* @__PURE__ */ Object.create(null)
   }), t;
 }
 function se(e, t, n) {
@@ -516,11 +518,11 @@ function se(e, t, n) {
 }
 function Ye(e, t) {
   const n = Reflect.getOwnPropertyDescriptor(e, t);
-  return !n || n.get || !n.configurable || t === T || t === U || t === Xe || (delete n.value, delete n.writable, n.get = () => e[T][t]), n;
+  return !n || n.get || !n.configurable || t === C || t === R || (delete n.value, delete n.writable, n.get = () => e[C][t]), n;
 }
 function Ae(e) {
   if (we()) {
-    const t = Z(e);
+    const t = ce(e);
     (t._ || (t._ = ke()))();
   }
 }
@@ -538,25 +540,22 @@ const Qe = {
   get(e, t, n) {
     if (t === oe)
       return e;
-    if (t === T)
+    if (t === C)
       return n;
     if (t === fe)
       return Ae(e), n;
-    const o = Z(e), s = o.hasOwnProperty(t);
-    let l = s ? o[t]() : e[t];
-    if (t === U || t === "__proto__")
-      return l;
-    if (!s) {
-      const r = Object.getOwnPropertyDescriptor(e, t);
-      we() && (typeof l != "function" || e.hasOwnProperty(t)) && !(r && r.get) && (l = se(o, t, l)());
+    const l = ce(e), o = l[t];
+    let s = o ? o() : e[t];
+    if (t === R || t === "__proto__")
+      return s;
+    if (!o) {
+      const i = Object.getOwnPropertyDescriptor(e, t);
+      we() && (typeof s != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (s = se(l, t, s)());
     }
-    return Q(l) ? Se(l) : l;
+    return Q(s) ? Se(s) : s;
   },
   has(e, t) {
-    if (t === oe || t === T || t === fe || t === U || t === "__proto__")
-      return !0;
-    const n = Z(e)[t];
-    return n && n(), t in e;
+    return t === oe || t === C || t === fe || t === R || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
   },
   set() {
     return !0;
@@ -567,772 +566,309 @@ const Qe = {
   ownKeys: Je,
   getOwnPropertyDescriptor: Ye
 };
-function ee(e, t, n, o = !1) {
-  if (!o && e[t] === n)
+function Z(e, t, n, l = !1) {
+  if (!l && e[t] === n)
     return;
-  const s = e[t], l = e.length;
+  const o = e[t], s = e.length;
   n === void 0 ? delete e[t] : e[t] = n;
-  let r = Z(e), i;
-  (i = se(r, t, s)) && i.$(() => n), Array.isArray(e) && e.length !== l && (i = se(r, "length", l)) && i.$(e.length), (i = r._) && i.$();
+  let i = ce(e), r;
+  if ((r = se(i, t, o)) && r.$(() => n), Array.isArray(e) && e.length !== s) {
+    for (let c = e.length; c < s; c++)
+      (r = i[c]) && r.$();
+    (r = se(i, "length", s)) && r.$(e.length);
+  }
+  (r = i._) && r.$();
 }
-function Ne(e, t) {
+function Oe(e, t) {
   const n = Object.keys(t);
-  for (let o = 0; o < n.length; o += 1) {
-    const s = n[o];
-    ee(e, s, t[s]);
+  for (let l = 0; l < n.length; l += 1) {
+    const o = n[l];
+    Z(e, o, t[o]);
   }
 }
 function Ze(e, t) {
   if (typeof t == "function" && (t = t(e)), t = V(t), Array.isArray(t)) {
     if (e === t)
       return;
-    let n = 0, o = t.length;
-    for (; n < o; n++) {
-      const s = t[n];
-      e[n] !== s && ee(e, n, s);
+    let n = 0, l = t.length;
+    for (; n < l; n++) {
+      const o = t[n];
+      e[n] !== o && Z(e, n, o);
     }
-    ee(e, "length", o);
+    Z(e, "length", l);
   } else
-    Ne(e, t);
+    Oe(e, t);
 }
 function B(e, t, n = []) {
-  let o, s = e;
+  let l, o = e;
   if (t.length > 1) {
-    o = t.shift();
-    const r = typeof o, i = Array.isArray(e);
-    if (Array.isArray(o)) {
-      for (let c = 0; c < o.length; c++)
-        B(e, [o[c]].concat(t), n);
+    l = t.shift();
+    const i = typeof l, r = Array.isArray(e);
+    if (Array.isArray(l)) {
+      for (let c = 0; c < l.length; c++)
+        B(e, [l[c]].concat(t), n);
       return;
-    } else if (i && r === "function") {
+    } else if (r && i === "function") {
       for (let c = 0; c < e.length; c++)
-        o(e[c], c) && B(e, [c].concat(t), n);
+        l(e[c], c) && B(e, [c].concat(t), n);
       return;
-    } else if (i && r === "object") {
+    } else if (r && i === "object") {
       const {
         from: c = 0,
-        to: f = e.length - 1,
-        by: a = 1
-      } = o;
-      for (let h = c; h <= f; h += a)
-        B(e, [h].concat(t), n);
+        to: h = e.length - 1,
+        by: u = 1
+      } = l;
+      for (let g = c; g <= h; g += u)
+        B(e, [g].concat(t), n);
       return;
     } else if (t.length > 1) {
-      B(e[o], t, [o].concat(n));
+      B(e[l], t, [l].concat(n));
       return;
     }
-    s = e[o], n = [o].concat(n);
+    o = e[l], n = [l].concat(n);
   }
-  let l = t[0];
-  typeof l == "function" && (l = l(s, n), l === s) || o === void 0 && l == null || (l = V(l), o === void 0 || Q(s) && Q(l) && !Array.isArray(l) ? Ne(s, l) : ee(e, o, l));
+  let s = t[0];
+  typeof s == "function" && (s = s(o, n), s === o) || l === void 0 && s == null || (s = V(s), l === void 0 || Q(o) && Q(s) && !Array.isArray(s) ? Oe(o, s) : Z(e, l, s));
 }
 function et(...[e, t]) {
-  const n = V(e || {}), o = Array.isArray(n), s = Se(n);
-  function l(...r) {
-    ze(() => {
-      o && r.length === 1 ? Ze(n, r[0]) : B(n, r);
+  const n = V(e || {}), l = Array.isArray(n), o = Se(n);
+  function s(...i) {
+    Le(() => {
+      l && i.length === 1 ? Ze(n, i[0]) : B(n, i);
     });
   }
-  return [s, l];
+  return [o, s];
 }
-const [p, H] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */ k('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" data-ohbug-selector fill="rgba(255,255,255,1)"></path></svg>'), nt = /* @__PURE__ */ k('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" data-ohbug-selector></path></svg>'), le = () => tt.cloneNode(!0), ot = () => (() => {
-  const e = nt.cloneNode(!0);
+const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */ A('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" data-ohbug-selector fill="rgba(255,255,255,1)">'), nt = /* @__PURE__ */ A('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" data-ohbug-selector>'), ie = () => tt(), lt = () => (() => {
+  const e = nt();
   return e.firstChild.nextSibling.style.setProperty("fill", "var(--color)"), e;
-})();
-const st = /* @__PURE__ */ k('<div class="bg-none border-solid border-4 border-blue-500 transition top-0 right-0 bottom-0 left-0 z-10 fixed pointer-events-none" data-ohbug-selector><div class="tips" data-ohbug-selector>Select element on the page<button class="stop-btn" type="button"></button></div></div>'), lt = /* @__PURE__ */ k('<button class="rounded-full cursor-pointer flex bg-red-500 h-6 -top-3 -right-3 w-6 z-10 items-center justify-center absolute pointer-events-auto" data-ohbug-selector type="button"></button>'), it = /* @__PURE__ */ k('<button class="border-solid cursor-pointer font-semibold bg-red-500 border-4 border-red-500 -bottom-full text-white right-0 absolute pointer-events-auto" data-ohbug-selector type="button">Change</button>'), rt = /* @__PURE__ */ k('<div class="-z-1 fixed" data-ohbug-selector><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div data-ohbug-selector></div></div>'), ct = () => {
+})(), ot = /* @__PURE__ */ A('<div class="bg-none border-solid border-4 border-blue-500 transition top-0 right-0 bottom-0 left-0 z-10 fixed pointer-events-none" data-ohbug-selector><div class="tips" data-ohbug-selector>Select element on the page<button class="stop-btn" type="button">'), st = /* @__PURE__ */ A('<button class="rounded-full cursor-pointer flex bg-red-500 h-6 -top-3 -right-3 w-6 z-10 items-center justify-center absolute pointer-events-auto" data-ohbug-selector type="button">'), it = /* @__PURE__ */ A('<button class="border-solid cursor-pointer font-semibold bg-red-500 border-4 border-red-500 -bottom-full text-white right-0 absolute pointer-events-auto" data-ohbug-selector type="button">Change'), rt = /* @__PURE__ */ A('<div class="-z-1 fixed" data-ohbug-selector><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div data-ohbug-selector>'), ct = () => {
   const [e, t] = F();
-  let n, o, s, l, r;
-  const i = 2;
-  function c(u) {
-    if (!u || u.tagName === "HTML")
+  let n, l, o, s, i;
+  const r = 2;
+  function c(f) {
+    if (!f || f.tagName === "HTML")
       return;
     const {
-      width: g,
-      height: w,
-      top: S,
-      right: L,
-      bottom: D,
+      width: a,
+      height: y,
+      top: E,
+      right: P,
+      bottom: M,
       left: d
-    } = u.getBoundingClientRect();
-    r == null || r.setAttribute("style", `
-      width: ${g + i * 2}px;
-      height: ${w + i * 2}px;
-      top: ${S - i}px;
-      left: ${d - i}px;
+    } = f.getBoundingClientRect();
+    i == null || i.setAttribute("style", `
+      width: ${a + r * 2}px;
+      height: ${y + r * 2}px;
+      top: ${E - r}px;
+      left: ${d - r}px;
     `), n == null || n.setAttribute("style", `
-      height: ${S}px;
+      height: ${E}px;
       top: 0;
       right: 0;
       left: 0;
-    `), o == null || o.setAttribute("style", `
-      top: ${S}px;
+    `), l == null || l.setAttribute("style", `
+      top: ${E}px;
       right: 0;
       bottom: 0;
-      left: ${L}px;
-    `), s == null || s.setAttribute("style", `
-      width: ${g + d}px;
-      top: ${D}px;
+      left: ${P}px;
+    `), o == null || o.setAttribute("style", `
+      width: ${a + d}px;
+      top: ${M}px;
       bottom: 0;
       left: 0;
-    `), l == null || l.setAttribute("style", `
+    `), s == null || s.setAttribute("style", `
       width: ${d}px;
-      height: ${w}px;
-      top: ${S}px;
+      height: ${y}px;
+      top: ${E}px;
       left: 0;
     `);
   }
-  function f(u) {
-    if (!u || u.tagName === "HTML")
+  function h(f) {
+    if (!f || f.tagName === "HTML")
       return;
     const {
-      width: g,
-      height: w,
-      top: S,
-      left: L
-    } = u.getBoundingClientRect();
-    H({
-      selectedElement: u
-    }), r == null || r.setAttribute("style", `
-      width: ${g + i * 2}px;
-      height: ${w + i * 2}px;
-      top: ${S - i}px;
-      left: ${L - i}px;
+      width: a,
+      height: y,
+      top: E,
+      left: P
+    } = f.getBoundingClientRect();
+    z({
+      selectedElement: f
+    }), i == null || i.setAttribute("style", `
+      width: ${a + r * 2}px;
+      height: ${y + r * 2}px;
+      top: ${E - r}px;
+      left: ${P - r}px;
     `);
   }
-  function a(u) {
-    var w;
-    H({
+  function u(f) {
+    var y;
+    z({
       working: !0
     });
-    const g = document.elementFromPoint(u.clientX, u.clientY);
-    if (((w = g == null ? void 0 : g.dataset) == null ? void 0 : w.ohbugSelector) !== void 0 || g.tagName === "HTML")
+    const a = document.elementFromPoint(f.clientX, f.clientY);
+    if (((y = a == null ? void 0 : a.dataset) == null ? void 0 : y.ohbugSelector) !== void 0 || a.tagName === "HTML")
       return !1;
-    c(g);
+    c(a);
   }
-  function h() {
-    document.addEventListener("mousemove", a);
+  function g() {
+    document.addEventListener("mousemove", u);
   }
-  function v() {
-    document.removeEventListener("mousemove", a);
+  function m() {
+    document.removeEventListener("mousemove", u);
   }
-  function E(u) {
-    var w;
-    const g = document.elementFromPoint(u.clientX, u.clientY);
-    if (((w = g == null ? void 0 : g.dataset) == null ? void 0 : w.ohbugSelector) !== void 0 || g.tagName === "HTML" || p.selectedElement && p.working)
+  function _(f) {
+    var y;
+    const a = document.elementFromPoint(f.clientX, f.clientY);
+    if (((y = a == null ? void 0 : a.dataset) == null ? void 0 : y.ohbugSelector) !== void 0 || a.tagName === "HTML" || p.selectedElement && p.working)
       return !1;
-    t(g), f(e()), v();
+    t(a), h(e()), m();
   }
-  function P() {
-    document.addEventListener("mousedown", E);
+  function T() {
+    document.addEventListener("mousedown", _);
   }
-  function q() {
-    document.removeEventListener("mousedown", E);
+  function I() {
+    document.removeEventListener("mousedown", _);
   }
   function O() {
-    t(null), v(), q(), H({
+    t(null), m(), I(), z({
       working: !1,
       selectedElement: null
     });
   }
-  function I() {
-    H({
+  function q() {
+    z({
       working: !0,
       selectedElement: null
-    }), t(null), h();
+    }), t(null), g();
   }
   return pe(() => {
-    p.working ? (h(), P()) : (v(), q());
-  }), He(O), (() => {
-    const u = rt.cloneNode(!0), g = u.firstChild, w = g.nextSibling, S = w.nextSibling, L = S.nextSibling, D = L.nextSibling;
-    return m(u, x(R, {
+    p.working ? (g(), T()) : (m(), I());
+  }), ze(O), (() => {
+    const f = rt(), a = f.firstChild, y = a.nextSibling, E = y.nextSibling, P = E.nextSibling, M = P.nextSibling;
+    return v(f, x(U, {
       get when() {
         return !p.selectedElement && p.working;
       },
       get children() {
-        const d = st.cloneNode(!0), Oe = d.firstChild, Ce = Oe.firstChild, ue = Ce.nextSibling;
-        return ue.$$click = O, m(ue, x(le, {})), d;
+        const d = ot(), Ce = d.firstChild, Ne = Ce.firstChild, ue = Ne.nextSibling;
+        return ue.$$click = O, v(ue, x(ie, {})), d;
       }
-    }), g), ((d) => {
+    }), a), D((d) => {
       n = d;
-    })(g), ((d) => {
+    }, a), D((d) => {
+      l = d;
+    }, y), D((d) => {
       o = d;
-    })(w), ((d) => {
+    }, E), D((d) => {
       s = d;
-    })(S), ((d) => {
-      l = d;
-    })(L), ((d) => {
-      r = d;
-    })(D), m(D, x(R, {
+    }, P), D((d) => {
+      i = d;
+    }, M), v(M, x(U, {
       get when() {
         return p.selectedElement && p.working;
       },
       get children() {
         return [(() => {
-          const d = lt.cloneNode(!0);
-          return d.$$click = O, m(d, x(le, {})), d;
+          const d = st();
+          return d.$$click = O, v(d, x(ie, {})), d;
         })(), (() => {
-          const d = it.cloneNode(!0);
-          return d.$$click = I, d.style.setProperty("transform", "translate(4px, -8px)"), d;
+          const d = it();
+          return d.$$click = q, d.style.setProperty("transform", "translate(4px, -8px)"), d;
         })()];
       }
-    })), j(() => D.className = `fixed -z-1 bg-black bg-opacity-20 border-4 rounded-sm transition cursor-pointer box-border pointer-events-none ${e() ? "border-red-500 border-solid" : "border-blue-500 border-dashed"}`), u;
+    })), j(() => Re(M, `fixed -z-1 bg-black bg-opacity-20 border-4 rounded-sm transition cursor-pointer box-border pointer-events-none ${e() ? "border-red-500 border-solid" : "border-blue-500 border-dashed"}`)), f;
   })();
 };
 _e(["click"]);
-const ut = /* @__PURE__ */ k('<button class="main-btn" data-ohbug-selector type="button"></button>'), ft = /* @__PURE__ */ k('<div class="bg-white flex flex-col h-60 shadow z-max right-8 bottom-20 w-80 fixed" data-ohbug-selector><div class="bg-gray-300 p-4" data-ohbug-selector><textarea autofocus class="bg-transparent outline-none w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer" data-ohbug-selector type="button"></button></div><div class="flex flex-1 p-4 justify-between items-center" data-ohbug-selector><span class="text-sm" data-ohbug-selector>Try<a class="ml-1 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="send-btn" data-ohbug-selector type="button"></button></div><button class="rounded-full cursor-pointer flex bg-blue-500 h-6 -top-2 -right-2 w-6 z-10 items-center justify-center absolute" data-ohbug-selector type="button"></button></div>'), at = /* @__PURE__ */ k('<div class="z-max relative" data-ohbug-selector><div></div></div>'), dt = () => {
-  const [e, t] = F(!1), [n, o] = F("");
-  function s() {
-    H({
+const ut = /* @__PURE__ */ A('<button class="btn-main" data-ohbug-selector type="button">'), ft = /* @__PURE__ */ A('<div class="bg-white flex flex-col h-60 shadow z-max right-8 bottom-20 w-80 fixed" data-ohbug-selector><div class="bg-gray-300 p-4" data-ohbug-selector><textarea autofocus class="bg-transparent outline-none w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer" data-ohbug-selector type="button"></button></div><div class="flex flex-1 p-4 justify-between items-center" data-ohbug-selector><span class="text-sm" data-ohbug-selector>Try<a class="ml-1 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="btn-send" data-ohbug-selector type="button"></button></div><button class="rounded-full cursor-pointer flex bg-blue-500 h-6 -top-2 -right-2 w-6 z-10 items-center justify-center absolute" data-ohbug-selector type="button">'), at = /* @__PURE__ */ A('<div class="z-max relative" data-ohbug-selector><div>'), dt = () => {
+  const [e, t] = F(!1), [n, l] = F("");
+  function o() {
+    z({
       working: !0
     });
   }
-  const [l, r] = F(!1);
-  async function i() {
-    r(!0);
-    let c, f;
-    const a = Ie().client;
+  const [s, i] = F(!1);
+  async function r() {
+    i(!0);
+    let c, h;
+    const u = Ke().client;
     if (p.selectedElement) {
-      const h = {
+      const g = {
         target: p.selectedElement
       };
-      c = We(h), f = p.selectedElement.outerHTML;
-      const v = a.createEvent({
+      c = Xe(g), h = p.selectedElement.outerHTML;
+      const m = u.createEvent({
         category: "feedback",
         type: "feedback",
         detail: {
           selector: c,
-          outerHTML: f,
+          outerHTML: h,
           feedback: n()
         }
       });
-      await a.notify(v);
+      await u.notify(m);
     } else {
-      const h = a.createEvent({
+      const g = u.createEvent({
         category: "feedback",
         type: "feedback",
         detail: {
           feedback: n()
         }
       });
-      await a.notify(h);
+      await u.notify(g);
     }
-    t(!1), o(""), H({
+    t(!1), l(""), z({
       working: !1,
       selectedElement: null
-    }), r(!1);
+    }), i(!1);
   }
   return pe(() => {
     p.working === !1 && p.selectedElement === null || p.working && !p.selectedElement ? t(!1) : t(!0);
   }), (() => {
-    const c = at.cloneNode(!0), f = c.firstChild;
-    return m(c, x(R, {
+    const c = at(), h = c.firstChild;
+    return v(c, x(U, {
       get when() {
         return p.working;
       },
       get children() {
         return x(ct, {});
       }
-    }), f), m(f, x(R, {
+    }), h), v(h, x(U, {
       get when() {
         return !(p.working && !p.selectedElement);
       },
       get children() {
-        const a = ut.cloneNode(!0);
-        return a.$$click = () => t((h) => !h), m(a, () => e() ? "\u{1F606}" : "\u{1F642}"), a;
+        const u = ut();
+        return u.$$click = () => t((g) => !g), v(u, () => e() ? "😆" : "🙂"), u;
       }
-    }), null), m(f, x(R, {
+    }), null), v(h, x(U, {
       get when() {
         return e();
       },
       get children() {
-        const a = ft.cloneNode(!0), h = a.firstChild, v = h.firstChild, E = v.nextSibling, P = h.nextSibling, q = P.firstChild, O = q.nextSibling, I = P.nextSibling;
-        return v.$$input = (u) => o(u.currentTarget.value), E.$$click = s, m(E, x(ot, {})), O.$$click = i, m(O, () => l() ? "Sending..." : "Send"), I.$$click = () => t((u) => !u), m(I, x(le, {})), j((u) => {
-          const g = p.selectedElement ? "blue" : "gray", w = !n() || l();
-          return g !== u._v$ && E.style.setProperty("--color", u._v$ = g), w !== u._v$2 && (O.disabled = u._v$2 = w), u;
+        const u = ft(), g = u.firstChild, m = g.firstChild, _ = m.nextSibling, T = g.nextSibling, I = T.firstChild, O = I.nextSibling, q = T.nextSibling;
+        return m.$$input = (f) => l(f.currentTarget.value), _.$$click = o, v(_, x(lt, {})), O.$$click = r, v(O, () => s() ? "Sending..." : "Send"), q.$$click = () => t((f) => !f), v(q, x(ie, {})), j((f) => {
+          const a = p.selectedElement ? "blue" : "gray", y = !n() || s();
+          return a !== f._v$ && ((f._v$ = a) != null ? _.style.setProperty("--color", a) : _.style.removeProperty("--color")), y !== f._v$2 && (O.disabled = f._v$2 = y), f;
         }, {
           _v$: void 0,
           _v$2: void 0
-        }), j(() => v.value = n()), a;
+        }), j(() => m.value = n()), u;
       }
     }), null), c;
   })();
 };
 _e(["click", "input"]);
-const ht = {
+const ht = (e) => ({
   name: "OhbugExtensionFeedback",
   onSetup: () => {
-    const e = document.createElement("div");
-    e.id = "OhbugExtensionFeedback-ROOT", document.body.appendChild(e), Re(() => x(dt, {}), e);
+    const t = document.createElement("div");
+    t.id = "OhbugExtensionFeedback-ROOT", (e || document.body).appendChild(t), Ue(() => x(dt, {}), t);
   }
-};
-function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.main-btn {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  border-radius: 0.25rem;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  -webkit-align-items: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  height: 2rem;
-  position: fixed;
-  right: 2rem;
-  bottom: 2rem;
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
-  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
-  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 2.5rem;
-  z-index: 9999999;
-  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
-  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  transition-duration: 150ms;
-}
-.main-btn:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
-  --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);
-  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
-  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
-  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
-}
-.send-btn {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  border-radius: 0.125rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
-  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  transition-duration: 150ms;
-}
-.send-btn:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-/* windicss layer base */
-*, ::before, ::after {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  border-width: 0;
-  border-style: solid;
-  border-color: #e5e7eb;
-}
-* {
-  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgba(59, 130, 246, 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-}
-:root {
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-}
-:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-::moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
-  height: auto;
-}
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-[type='search'] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-abbr[title] {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-}
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-body {
-  margin: 0;
-  font-family: inherit;
-  line-height: inherit;
-}
-button, textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  padding: 0;
-  line-height: inherit;
-  color: inherit;
-}
-button {
-  text-transform: none;
-  background-color: transparent;
-  background-image: none;
-}
-button, [type='button'], [type='reset'], [type='submit'] {
-  -webkit-appearance: button;
-}
-button, [role="button"] {
-  cursor: pointer;
-}
-html {
-  -webkit-text-size-adjust: 100%;
-  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-  line-height: 1.5;
-}
-svg {
-  display: block;
-  vertical-align: middle;
-}
-textarea {
-  resize: vertical;
-}
-textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-textarea::webkit-input-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-textarea::-moz-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-textarea:-ms-input-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-textarea::-ms-input-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-/* windicss layer components */
-
-/* windicss layer utilities */
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-.bg-gray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
-}
-.bg-transparent {
-  background-color: transparent;
-}
-.bg-blue-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-}
-.bg-black {
-  --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-}
-.bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
-}
-.bg-none {
-  background-image: none;
-}
-.bg-opacity-40 {
-  --tw-bg-opacity: 0.4;
-}
-.bg-opacity-20 {
-  --tw-bg-opacity: 0.2;
-}
-.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-}
-.border-red-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
-}
-.rounded-full {
-  border-radius: 9999px;
-}
-.rounded-sm {
-  border-radius: 0.125rem;
-}
-.border-solid {
-  border-style: solid;
-}
-.border-dashed {
-  border-style: dashed;
-}
-.border-4 {
-  border-width: 4px;
-}
-.box-border {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.cursor-pointer {
-  cursor: pointer;
-}
-.flex {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-}
-.flex-col {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-}
-.items-center {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  -webkit-align-items: center;
-  align-items: center;
-}
-.justify-center {
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-}
-.justify-between {
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-}
-.flex-1 {
-  -webkit-box-flex: 1;
-  -ms-flex: 1 1 0%;
-  -webkit-flex: 1 1 0%;
-  flex: 1 1 0%;
-}
-.font-semibold {
-  font-weight: 600;
-}
-.h-60 {
-  height: 15rem;
-}
-.h-6 {
-  height: 1.5rem;
-}
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.ml-1 {
-  margin-left: 0.25rem;
-}
-.outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.p-4 {
-  padding: 1rem;
-}
-.pointer-events-none {
-  pointer-events: none;
-}
-.pointer-events-auto {
-  pointer-events: auto;
-}
-.fixed {
-  position: fixed;
-}
-.absolute {
-  position: absolute;
-}
-.relative {
-  position: relative;
-}
-.right-8 {
-  right: 2rem;
-}
-.bottom-20 {
-  bottom: 5rem;
-}
-.-top-2 {
-  top: -0.5rem;
-}
-.-right-2 {
-  right: -0.5rem;
-}
-.top-0 {
-  top: 0px;
-}
-.right-0 {
-  right: 0px;
-}
-.bottom-0 {
-  bottom: 0px;
-}
-.left-0 {
-  left: 0px;
-}
-.-top-3 {
-  top: -0.75rem;
-}
-.-right-3 {
-  right: -0.75rem;
-}
-.-bottom-full {
-  bottom: -100%;
-}
-.resize-none {
-  resize: none;
-}
-.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
-  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
-  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
-}
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
-.underline {
-  -webkit-text-decoration-line: underline;
-  text-decoration-line: underline;
-}
-.w-80 {
-  width: 20rem;
-}
-.w-full {
-  width: 100%;
-}
-.w-6 {
-  width: 1.5rem;
-}
-.z-max {
-  z-index: 9999999;
-}
-.z-10 {
-  z-index: 10;
-}
-.-z-1 {
-  z-index: -1;
-}
-.transition {
-  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
-  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  transition-duration: 150ms;
-}
-.tips {
-  --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  -webkit-align-items: center;
-  align-items: center;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding: 0.75rem;
-  position: fixed;
-  top: 0px;
-  left: 50%;
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  z-index: 9999999;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-translate-z: 0;
-  --tw-rotate: 0;
-  --tw-rotate-x: 0;
-  --tw-rotate-y: 0;
-  --tw-rotate-z: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-scale-z: 1;
-  -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
-  -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
-  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
-  --tw-translate-x: -50%;
-}
-.stop-btn:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.3;
-}
-.stop-btn {
-  margin-left: 0.25rem;
-  pointer-events: auto;
-  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
-  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  transition-duration: 150ms;
-}`);
+});
+function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject("/*\n! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.btn-main {\n  z-index: 99999;\n  position: fixed;\n  right: 2rem;\n  bottom: 2rem;\n  display: flex;\n  height: 2rem;\n  width: 2.5rem;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.btn-main:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.btn-send {\n  border-radius: 0.125rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.btn-send:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.tips {\n  z-index: 99999;\n  position: fixed;\n  top: 0px;\n  left: 50%;\n  display: flex;\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  align-items: center;\n  border-bottom-right-radius: 0.5rem;\n  border-bottom-left-radius: 0.5rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  padding: 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.z-max {\n  z-index: 99999;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.pointer-events-auto {\n  pointer-events: auto;\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.-bottom-full {\n  bottom: -100%;\n}\n.-right-2 {\n  right: -0.5rem;\n}\n.-right-3 {\n  right: -0.75rem;\n}\n.-top-2 {\n  top: -0.5rem;\n}\n.-top-3 {\n  top: -0.75rem;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-20 {\n  bottom: 5rem;\n}\n.left-0 {\n  left: 0px;\n}\n.right-0 {\n  right: 0px;\n}\n.right-8 {\n  right: 2rem;\n}\n.top-0 {\n  top: 0px;\n}\n.z-10 {\n  z-index: 10;\n}\n.ml-1 {\n  margin-left: 0.25rem;\n}\n.box-border {\n  box-sizing: border-box;\n}\n.flex {\n  display: flex;\n}\n.h-6 {\n  height: 1.5rem;\n}\n.h-60 {\n  height: 15rem;\n}\n.w-6 {\n  width: 1.5rem;\n}\n.w-80 {\n  width: 20rem;\n}\n.w-full {\n  width: 100%;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.resize-none {\n  resize: none;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.border-4 {\n  border-width: 4px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-dashed {\n  border-style: dashed;\n}\n.border-blue-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.border-red-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.bg-opacity-20 {\n  --tw-bg-opacity: 0.2;\n}\n.bg-opacity-40 {\n  --tw-bg-opacity: 0.4;\n}\n.bg-none {\n  background-image: none;\n}\n.p-4 {\n  padding: 1rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}");
 export {
   ht as default
 };