npm - playlight-sdk - Versions diffs - 0.1.3 → 0.1.4 - Mend

playlight-sdk 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/playlight-sdk.css +1 -1
package/dist/playlight-sdk.es.js +905 -787
package/dist/playlight-sdk.es.js.map +1 -1
package/dist/playlight-sdk.iife.js +2 -2
package/dist/playlight-sdk.iife.js.map +1 -1
package/package.json +1 -1

package/dist/playlight-sdk.es.js CHANGED Viewed

@@ -6,7 +6,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _a, _PlayLightAPI_instances, e_fn, _b, _PlaylightSDK_instances, t_fn, _c;
 const e = false;
-var t = Array.isArray, n = Array.prototype.indexOf, i = Array.from, o = Object.defineProperty, s = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyDescriptors, l = Object.prototype, c = Array.prototype, u = Object.getPrototypeOf;
+var t = Array.isArray, n = Array.prototype.indexOf, o = Array.from, i = Object.defineProperty, s = Object.getOwnPropertyDescriptor, a = Object.getOwnPropertyDescriptors, l = Object.prototype, c = Array.prototype, u = Object.getPrototypeOf;
 function is_function(e2) {
   return "function" == typeof e2;
 }
@@ -18,7 +18,7 @@ function run(e2) {
 function run_all(e2) {
   for (var t2 = 0; t2 < e2.length; t2++) e2[t2]();
 }
-const d = 32, f = 64, p = 128, _ = 256, v = 512, g = 1024, h = 2048, m = 4096, b = 8192, y = 16384, $ = 65536, w = 1 << 20, x = Symbol("$state"), k = Symbol("legacy props"), C = Symbol("");
+const d = 32, f = 64, p = 128, _ = 256, g = 512, v = 1024, h = 2048, m = 4096, b = 8192, y = 16384, $ = 65536, w = 1 << 20, x = Symbol("$state"), k = Symbol("legacy props"), C = Symbol("");
 function equals(e2) {
   return e2 === this.v;
 }
@@ -33,20 +33,20 @@ const M = Symbol();
 function lifecycle_outside_component(e2) {
   throw new Error("https://svelte.dev/e/lifecycle_outside_component");
 }
-let T = null;
+let I = null;
 function set_component_context(e2) {
-  T = e2;
+  I = e2;
 }
 function push(e2, t2 = false, n2) {
-  T = {
-    p: T,
+  I = {
+    p: I,
     c: null,
     e: null,
     m: false,
     s: e2,
     x: null,
     l: null
-  }, S && !t2 && (T.l = {
+  }, S && !t2 && (I.l = {
     s: null,
     u: null,
     r1: [],
@@ -54,27 +54,27 @@ function push(e2, t2 = false, n2) {
   });
 }
 function pop(e2) {
-  const t2 = T;
+  const t2 = I;
   if (null !== t2) {
     const e3 = t2.e;
     if (null !== e3) {
-      var n2 = H, i2 = F;
+      var n2 = H, o2 = G;
       t2.e = null;
       try {
-        for (var o2 = 0; o2 < e3.length; o2++) {
-          var s2 = e3[o2];
+        for (var i2 = 0; i2 < e3.length; i2++) {
+          var s2 = e3[i2];
           set_active_effect(s2.effect), set_active_reaction(s2.reaction), effect(s2.fn);
         }
       } finally {
-        set_active_effect(n2), set_active_reaction(i2);
+        set_active_effect(n2), set_active_reaction(o2);
       }
     }
-    T = t2.p, t2.m = true;
+    I = t2.p, t2.m = true;
   }
   return {};
 }
 function is_runes() {
-  return !S || null !== T && null === T.l;
+  return !S || null !== I && null === I.l;
 }
 function source(e2, t2) {
   return {
@@ -96,14 +96,14 @@ function mutable_source(e2, t2 = false) {
   const n2 = source(e2);
   return t2 || (n2.equals = safe_equals), // bind the signal to the component context, in case we need to
   // track updates to trigger beforeUpdate/afterUpdate callbacks
-  S && null !== T && null !== T.l && ((_a2 = T.l).s ?? (_a2.s = [])).push(n2), n2;
+  S && null !== I && null !== I.l && ((_a2 = I.l).s ?? (_a2.s = [])).push(n2), n2;
 }
 function mutable_state(e2, t2 = false) {
   return /* @__PURE__ */ push_derived_source(/* @__PURE__ */ mutable_source(e2, t2));
 }
 // @__NO_SIDE_EFFECTS__
 function push_derived_source(e2) {
-  return null !== F && !G && 2 & F.f && (null === R ? (
+  return null !== G && !F && 2 & G.f && (null === R ? (
     /**
     * @param {Source[] | null} sources
     */
@@ -113,7 +113,7 @@ function push_derived_source(e2) {
   ) : R.push(e2)), e2;
 }
 function set(e2, t2) {
-  return null !== F && !G && is_runes() && 18 & F.f && // If the source was created locally within the current derived, then
+  return null !== G && !F && is_runes() && 18 & G.f && // If the source was created locally within the current derived, then
   // we allow the mutation.
   (null === R || !R.includes(e2)) && /**
   * Updating state inside a derived or a template expression is forbidden. If the value should not be reactive, declare it without `$state`
@@ -128,7 +128,7 @@ function internal_set(e2, t2) {
   // whilst it's actively running. So in the case of ensuring it registers the reaction
   // properly for itself, we need to ensure the current effect actually gets
   // scheduled. i.e: `$effect(() => x++)`
-  is_runes() && null !== H && H.f & g && !(96 & H.f) && (null === U ? (
+  is_runes() && null !== H && H.f & v && !(96 & H.f) && (null === U ? (
     /** @param {null | Source[]} value */
     function set_untracked_writes(e3) {
       U = e3;
@@ -136,15 +136,15 @@ function internal_set(e2, t2) {
   ) : U.push(e2))), t2;
 }
 function update(e2, t2 = 1) {
-  var n2 = get$1(e2), i2 = 1 === t2 ? n2++ : n2--;
-  return set(e2, n2), i2;
+  var n2 = get$1(e2), o2 = 1 === t2 ? n2++ : n2--;
+  return set(e2, n2), o2;
 }
 function mark_reactions(e2, t2) {
   var n2 = e2.reactions;
-  if (null !== n2) for (var i2 = is_runes(), o2 = n2.length, s2 = 0; s2 < o2; s2++) {
+  if (null !== n2) for (var o2 = is_runes(), i2 = n2.length, s2 = 0; s2 < i2; s2++) {
     var a2 = n2[s2], l2 = a2.f;
     l2 & h || // In legacy mode, skip the current effect to prevent infinite loops
-    (i2 || a2 !== H) && (set_signal_status(a2, t2), // If the signal a) was previously clean or b) is an unowned derived, then mark it
+    (o2 || a2 !== H) && (set_signal_status(a2, t2), // If the signal a) was previously clean or b) is an unowned derived, then mark it
     1280 & l2 && (2 & l2 ? mark_reactions(
       /** @type {Derived} */
       a2,
@@ -155,10 +155,10 @@ function mark_reactions(e2, t2) {
     )));
   }
 }
-function proxy(e2, n2 = null, i2) {
+function proxy(e2, n2 = null, o2) {
   if ("object" != typeof e2 || null === e2 || x in e2) return e2;
-  const o2 = u(e2);
-  if (o2 !== l && o2 !== c) return e2;
+  const i2 = u(e2);
+  if (i2 !== l && i2 !== c) return e2;
   var a2, d2 = /* @__PURE__ */ new Map(), f2 = t(e2), p2 = source(0);
   return f2 && // We need to create the length source eagerly to ensure that
   // mutations to the array are properly synced with our proxy
@@ -181,45 +181,45 @@ function proxy(e2, n2 = null, i2) {
         function state_descriptors_fixed() {
           throw new Error("https://svelte.dev/e/state_descriptors_fixed");
         }();
-        var i3 = d2.get(t2);
-        return void 0 === i3 ? (i3 = source(n3.value), d2.set(t2, i3)) : set(i3, proxy(n3.value, a2)), true;
+        var o3 = d2.get(t2);
+        return void 0 === o3 ? (o3 = source(n3.value), d2.set(t2, o3)) : set(o3, proxy(n3.value, a2)), true;
       },
       deleteProperty(e3, t2) {
         var n3 = d2.get(t2);
         if (void 0 === n3) t2 in e3 && d2.set(t2, source(M));
         else {
           if (f2 && "string" == typeof t2) {
-            var i3 = (
+            var o3 = (
               /** @type {Source<number>} */
               d2.get("length")
-            ), o3 = Number(t2);
-            Number.isInteger(o3) && o3 < i3.v && set(i3, o3);
+            ), i3 = Number(t2);
+            Number.isInteger(i3) && i3 < o3.v && set(o3, i3);
           }
           set(n3, M), update_version(p2);
         }
         return true;
       },
-      get(t2, n3, i3) {
+      get(t2, n3, o3) {
         var _a2;
         if (n3 === x) return e2;
-        var o3 = d2.get(n3), l2 = n3 in t2;
+        var i3 = d2.get(n3), l2 = n3 in t2;
         if (
           // create a source, but only if it's an own property and not a prototype property
-          void 0 !== o3 || l2 && !((_a2 = s(t2, n3)) == null ? void 0 : _a2.writable) || (o3 = source(proxy(l2 ? t2[n3] : M, a2)), d2.set(n3, o3)), void 0 !== o3
+          void 0 !== i3 || l2 && !((_a2 = s(t2, n3)) == null ? void 0 : _a2.writable) || (i3 = source(proxy(l2 ? t2[n3] : M, a2)), d2.set(n3, i3)), void 0 !== i3
         ) {
-          var c2 = get$1(o3);
+          var c2 = get$1(i3);
           return c2 === M ? void 0 : c2;
         }
-        return Reflect.get(t2, n3, i3);
+        return Reflect.get(t2, n3, o3);
       },
       getOwnPropertyDescriptor(e3, t2) {
         var n3 = Reflect.getOwnPropertyDescriptor(e3, t2);
         if (n3 && "value" in n3) {
-          var i3 = d2.get(t2);
-          i3 && (n3.value = get$1(i3));
+          var o3 = d2.get(t2);
+          o3 && (n3.value = get$1(o3));
         } else if (void 0 === n3) {
-          var o3 = d2.get(t2), s2 = o3 == null ? void 0 : o3.v;
-          if (void 0 !== o3 && s2 !== M) return {
+          var i3 = d2.get(t2), s2 = i3 == null ? void 0 : i3.v;
+          if (void 0 !== i3 && s2 !== M) return {
             enumerable: true,
             configurable: true,
             value: s2,
@@ -231,30 +231,30 @@ function proxy(e2, n2 = null, i2) {
       has(e3, t2) {
         var _a2;
         if (t2 === x) return true;
-        var n3 = d2.get(t2), i3 = void 0 !== n3 && n3.v !== M || Reflect.has(e3, t2);
-        if ((void 0 !== n3 || null !== H && (!i3 || ((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = source(i3 ? proxy(e3[t2], a2) : M), d2.set(t2, n3)), get$1(n3) === M)) return false;
-        return i3;
+        var n3 = d2.get(t2), o3 = void 0 !== n3 && n3.v !== M || Reflect.has(e3, t2);
+        if ((void 0 !== n3 || null !== H && (!o3 || ((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable))) && (void 0 === n3 && (n3 = source(o3 ? proxy(e3[t2], a2) : M), d2.set(t2, n3)), get$1(n3) === M)) return false;
+        return o3;
       },
-      set(e3, t2, n3, i3) {
+      set(e3, t2, n3, o3) {
         var _a2;
-        var o3 = d2.get(t2), l2 = t2 in e3;
+        var i3 = d2.get(t2), l2 = t2 in e3;
         if (f2 && "length" === t2) for (var c2 = n3; c2 < /** @type {Source<number>} */
-        o3.v; c2 += 1) {
+        i3.v; c2 += 1) {
           var u2 = d2.get(c2 + "");
           void 0 !== u2 ? set(u2, M) : c2 in e3 && // If the item exists in the original, we need to create a uninitialized source,
           // else a later read of the property would result in a source being created with
           // the value of the original item at that index.
           (u2 = source(M), d2.set(c2 + "", u2));
         }
-        void 0 === o3 ? l2 && !((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable) || (set(o3 = source(void 0), proxy(n3, a2)), d2.set(t2, o3)) : (l2 = o3.v !== M, set(o3, proxy(n3, a2)));
+        void 0 === i3 ? l2 && !((_a2 = s(e3, t2)) == null ? void 0 : _a2.writable) || (set(i3 = source(void 0), proxy(n3, a2)), d2.set(t2, i3)) : (l2 = i3.v !== M, set(i3, proxy(n3, a2)));
         var _2 = Reflect.getOwnPropertyDescriptor(e3, t2);
-        if ((_2 == null ? void 0 : _2.set) && _2.set.call(i3, n3), !l2) {
+        if ((_2 == null ? void 0 : _2.set) && _2.set.call(o3, n3), !l2) {
           if (f2 && "string" == typeof t2) {
-            var v2 = (
+            var g2 = (
               /** @type {Source<number>} */
               d2.get("length")
-            ), g2 = Number(t2);
-            Number.isInteger(g2) && g2 >= v2.v && set(v2, g2 + 1);
+            ), v2 = Number(t2);
+            Number.isInteger(v2) && v2 >= g2.v && set(g2, v2 + 1);
           }
           update_version(p2);
         }
@@ -266,7 +266,7 @@ function proxy(e2, n2 = null, i2) {
           var t3 = d2.get(e4);
           return void 0 === t3 || t3.v !== M;
         });
-        for (var [n3, i3] of d2) i3.v === M || n3 in e3 || t2.push(n3);
+        for (var [n3, o3] of d2) o3.v === M || n3 in e3 || t2.push(n3);
         return t2;
       },
       setPrototypeOf() {
@@ -280,17 +280,17 @@ function proxy(e2, n2 = null, i2) {
 function update_version(e2, t2 = 1) {
   set(e2, e2.v + t2);
 }
-var I, q, P, O, j;
+var T, q, P, D, O;
 function create_text(e2 = "") {
   return document.createTextNode(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_first_child(e2) {
-  return O.call(e2);
+  return D.call(e2);
 }
 // @__NO_SIDE_EFFECTS__
 function get_next_sibling(e2) {
-  return j.call(e2);
+  return O.call(e2);
 }
 function child(e2, t2) {
   return /* @__PURE__ */ get_first_child(e2);
@@ -306,16 +306,16 @@ function first_child(e2, t2) {
   return n2 instanceof Comment && "" === n2.data ? /* @__PURE__ */ get_next_sibling(n2) : n2;
 }
 function sibling(e2, t2 = 1, n2 = false) {
-  let i2 = e2;
-  for (; t2--; ) i2 = /** @type {TemplateNode} */
-  /* @__PURE__ */ get_next_sibling(i2);
-  return i2;
+  let o2 = e2;
+  for (; t2--; ) o2 = /** @type {TemplateNode} */
+  /* @__PURE__ */ get_next_sibling(o2);
+  return o2;
 }
 // @__NO_SIDE_EFFECTS__
 function derived(e2) {
-  var t2 = 2050, n2 = null !== F && 2 & F.f ? (
+  var t2 = 2050, n2 = null !== G && 2 & G.f ? (
     /** @type {Derived} */
-    F
+    G
   ) : null;
   null === H || null !== n2 && n2.f & _ ? t2 |= _ : (
     // Since deriveds are evaluated lazily, any effects created inside them are
@@ -323,7 +323,7 @@ function derived(e2) {
     H.f |= w
   );
   return {
-    ctx: T,
+    ctx: I,
     deps: null,
     effects: null,
     equals,
@@ -379,17 +379,17 @@ function update_derived(e2) {
       return t3;
     }(e2)
   );
-  set_signal_status(e2, (Y || e2.f & _) && null !== e2.deps ? m : g), e2.equals(t2) || (e2.v = t2, e2.wv = increment_write_version());
+  set_signal_status(e2, (J || e2.f & _) && null !== e2.deps ? m : v), e2.equals(t2) || (e2.v = t2, e2.wv = increment_write_version());
 }
 function validate_effect(e2) {
-  null === H && null === F && /**
+  null === H && null === G && /**
   * `%rune%` can only be used inside an effect (e.g. during component initialisation)
   * @param {string} rune
   * @returns {never}
   */
   function effect_orphan(e3) {
     throw new Error("https://svelte.dev/e/effect_orphan");
-  }(), null !== F && F.f & _ && null === H && /**
+  }(), null !== G && G.f & _ && null === H && /**
   * Effect cannot be created inside a `$derived` value that was not itself created inside an effect
   * @returns {never}
   */
@@ -399,9 +399,9 @@ function validate_effect(e2) {
     throw new Error("https://svelte.dev/e/effect_in_teardown");
   }();
 }
-function create_effect(e2, t2, n2, i2 = true) {
-  var o2 = H, s2 = {
-    ctx: T,
+function create_effect(e2, t2, n2, o2 = true) {
+  var i2 = H, s2 = {
+    ctx: I,
     deps: null,
     nodes_start: null,
     nodes_end: null,
@@ -410,7 +410,7 @@ function create_effect(e2, t2, n2, i2 = true) {
     fn: t2,
     last: null,
     next: null,
-    parent: o2,
+    parent: i2,
     prev: null,
     teardown: null,
     transitions: null,
@@ -422,13 +422,13 @@ function create_effect(e2, t2, n2, i2 = true) {
     throw destroy_effect(s2), e3;
   }
   else null !== t2 && schedule_effect(s2);
-  if (!(n2 && null === s2.deps && null === s2.first && null === s2.nodes_start && null === s2.teardown && !(1048704 & s2.f)) && i2 && (null !== o2 && function push_effect(e3, t3) {
+  if (!(n2 && null === s2.deps && null === s2.first && null === s2.nodes_start && null === s2.teardown && !(1048704 & s2.f)) && o2 && (null !== i2 && function push_effect(e3, t3) {
     var n3 = t3.last;
     null === n3 ? t3.last = t3.first = e3 : (n3.next = e3, e3.prev = n3, t3.last = e3);
-  }(s2, o2), null !== F && 2 & F.f)) {
+  }(s2, i2), null !== G && 2 & G.f)) {
     var a2 = (
       /** @type {Derived} */
-      F
+      G
     );
     (a2.effects ?? (a2.effects = [])).push(s2);
   }
@@ -436,18 +436,18 @@ function create_effect(e2, t2, n2, i2 = true) {
 }
 function teardown(e2) {
   const t2 = create_effect(8, null, false);
-  return set_signal_status(t2, g), t2.teardown = e2, t2;
+  return set_signal_status(t2, v), t2.teardown = e2, t2;
 }
 function user_effect(e2) {
-  if (validate_effect(), !(null !== H && !!(H.f & d) && null !== T && !T.m)) return effect(e2);
+  if (validate_effect(), !(null !== H && !!(H.f & d) && null !== I && !I.m)) return effect(e2);
   var t2 = (
     /** @type {ComponentContext} */
-    T
+    I
   );
   (t2.e ?? (t2.e = [])).push({
     fn: e2,
     effect: H,
-    reaction: F
+    reaction: G
   });
 }
 function effect(e2) {
@@ -456,27 +456,27 @@ function effect(e2) {
 function legacy_pre_effect(e2, t2) {
   var n2 = (
     /** @type {ComponentContextLegacy} */
-    T
-  ), i2 = {
+    I
+  ), o2 = {
     effect: null,
     ran: false
   };
-  n2.l.r1.push(i2), i2.effect = render_effect(() => {
+  n2.l.r1.push(o2), o2.effect = render_effect(() => {
     e2(), // If this legacy pre effect has already run before the end of the reset, then
     // bail out to emulate the same behavior.
-    i2.ran || (i2.ran = true, set(n2.l.r2, true), untrack(t2));
+    o2.ran || (o2.ran = true, set(n2.l.r2, true), untrack(t2));
   });
 }
 function legacy_pre_effect_reset() {
   var e2 = (
     /** @type {ComponentContextLegacy} */
-    T
+    I
   );
   render_effect(() => {
     if (get$1(e2.l.r2)) {
       for (var t2 of e2.l.r1) {
         var n2 = t2.effect;
-        n2.f & g && set_signal_status(n2, m), check_dirtiness(n2) && update_effect(n2), t2.ran = false;
+        n2.f & v && set_signal_status(n2, m), check_dirtiness(n2) && update_effect(n2), t2.ran = false;
       }
       e2.l.r2.v = false;
     }
@@ -486,8 +486,8 @@ function render_effect(e2) {
   return create_effect(8, e2, true);
 }
 function template_effect(e2, t2 = [], n2 = derived) {
-  const i2 = t2.map(n2);
-  return block(() => e2(...i2.map(get$1)));
+  const o2 = t2.map(n2);
+  return block(() => e2(...o2.map(get$1)));
 }
 function block(e2, t2 = 0) {
   return create_effect(24 | t2, e2, true);
@@ -498,7 +498,7 @@ function branch(e2, t2 = true) {
 function execute_effect_teardown(e2) {
   var t2 = e2.teardown;
   if (null !== t2) {
-    const e3 = z, n2 = F;
+    const e3 = z, n2 = G;
     set_is_destroying_effect(true), set_active_reaction(null);
     try {
       t2.call(null);
@@ -510,22 +510,22 @@ function execute_effect_teardown(e2) {
 function destroy_effect_children(e2, t2 = false) {
   var n2 = e2.first;
   for (e2.first = e2.last = null; null !== n2; ) {
-    var i2 = n2.next;
+    var o2 = n2.next;
     n2.f & f ? (
       // this is now an independent root
       n2.parent = null
-    ) : destroy_effect(n2, t2), n2 = i2;
+    ) : destroy_effect(n2, t2), n2 = o2;
   }
 }
 function destroy_effect(e2, t2 = true) {
   var n2 = false;
   if ((t2 || 524288 & e2.f) && null !== e2.nodes_start) {
-    for (var i2 = e2.nodes_start, o2 = e2.nodes_end; null !== i2; ) {
-      var s2 = i2 === o2 ? null : (
+    for (var o2 = e2.nodes_start, i2 = e2.nodes_end; null !== o2; ) {
+      var s2 = o2 === i2 ? null : (
         /** @type {TemplateNode} */
-        /* @__PURE__ */ get_next_sibling(i2)
+        /* @__PURE__ */ get_next_sibling(o2)
       );
-      i2.remove(), i2 = s2;
+      o2.remove(), o2 = s2;
     }
     n2 = true;
   }
@@ -539,8 +539,8 @@ function destroy_effect(e2, t2 = true) {
   e2.next = e2.prev = e2.teardown = e2.ctx = e2.deps = e2.fn = e2.nodes_start = e2.nodes_end = null;
 }
 function unlink_effect(e2) {
-  var t2 = e2.parent, n2 = e2.prev, i2 = e2.next;
-  null !== n2 && (n2.next = i2), null !== i2 && (i2.prev = n2), null !== t2 && (t2.first === e2 && (t2.first = i2), t2.last === e2 && (t2.last = n2));
+  var t2 = e2.parent, n2 = e2.prev, o2 = e2.next;
+  null !== n2 && (n2.next = o2), null !== o2 && (o2.prev = n2), null !== t2 && (t2.first === e2 && (t2.first = o2), t2.last === e2 && (t2.last = n2));
 }
 function pause_effect(e2, t2) {
   var n2 = [];
@@ -552,15 +552,15 @@ function run_out_transitions(e2, t2) {
   var n2 = e2.length;
   if (n2 > 0) {
     var check = () => --n2 || t2();
-    for (var i2 of e2) i2.out(check);
+    for (var o2 of e2) o2.out(check);
   } else t2();
 }
 function pause_children(e2, t2, n2) {
   if (!(e2.f & b)) {
-    if (e2.f ^= b, null !== e2.transitions) for (const i3 of e2.transitions) (i3.is_global || n2) && t2.push(i3);
-    for (var i2 = e2.first; null !== i2; ) {
-      var o2 = i2.next;
-      pause_children(i2, t2, !!(!!(i2.f & $) || !!(i2.f & d)) && n2), i2 = o2;
+    if (e2.f ^= b, null !== e2.transitions) for (const o3 of e2.transitions) (o3.is_global || n2) && t2.push(o3);
+    for (var o2 = e2.first; null !== o2; ) {
+      var i2 = o2.next;
+      pause_children(o2, t2, !!(!!(o2.f & $) || !!(o2.f & d)) && n2), o2 = i2;
     }
   }
 }
@@ -571,37 +571,37 @@ function resume_children(e2, t2) {
   if (e2.f & b) {
     e2.f ^= b, // Ensure the effect is marked as clean again so that any dirty child
     // effects can schedule themselves for execution
-    e2.f & g || (e2.f ^= g), // If a dependency of this effect changed while it was paused,
+    e2.f & v || (e2.f ^= v), // If a dependency of this effect changed while it was paused,
     // schedule the effect to update
     check_dirtiness(e2) && (set_signal_status(e2, h), schedule_effect(e2));
     for (var n2 = e2.first; null !== n2; ) {
-      var i2 = n2.next;
-      resume_children(n2, !!(!!(n2.f & $) || !!(n2.f & d)) && t2), n2 = i2;
+      var o2 = n2.next;
+      resume_children(n2, !!(!!(n2.f & $) || !!(n2.f & d)) && t2), n2 = o2;
     }
     if (null !== e2.transitions) for (const n3 of e2.transitions) (n3.is_global || t2) && n3.in();
   }
 }
-let E = [], N = [];
+let j = [], E = [];
 function run_micro_tasks() {
-  var e2 = E;
-  E = [], run_all(e2);
+  var e2 = j;
+  j = [], run_all(e2);
 }
 function queue_micro_task(e2) {
-  0 === E.length && queueMicrotask(run_micro_tasks), E.push(e2);
+  0 === j.length && queueMicrotask(run_micro_tasks), j.push(e2);
 }
 function flush_tasks() {
-  E.length > 0 && run_micro_tasks(), N.length > 0 && function run_idle_tasks() {
-    var e2 = N;
-    N = [], run_all(e2);
+  j.length > 0 && run_micro_tasks(), E.length > 0 && function run_idle_tasks() {
+    var e2 = E;
+    E = [], run_all(e2);
   }();
 }
-let B = false, D = false, A = null, W = false, z = false;
+let N = false, B = false, A = null, W = false, z = false;
 function set_is_destroying_effect(e2) {
   z = e2;
 }
-let L = [], F = null, G = false;
+let L = [], G = null, F = false;
 function set_active_reaction(e2) {
-  F = e2;
+  G = e2;
 }
 let H = null;
 function set_active_effect(e2) {
@@ -609,50 +609,50 @@ function set_active_effect(e2) {
 }
 let R = null;
 let V = null, K = 0, U = null;
-let Z = 1, J = 0, Y = false;
+let Y = 1, Z = 0, J = false;
 function increment_write_version() {
-  return ++Z;
+  return ++Y;
 }
 function check_dirtiness(e2) {
   var _a2;
   var t2 = e2.f;
   if (t2 & h) return true;
   if (t2 & m) {
-    var n2 = e2.deps, i2 = !!(t2 & _);
+    var n2 = e2.deps, o2 = !!(t2 & _);
     if (null !== n2) {
-      var o2, s2, a2 = !!(t2 & v), l2 = i2 && null !== H && !Y, c2 = n2.length;
+      var i2, s2, a2 = !!(t2 & g), l2 = o2 && null !== H && !J, c2 = n2.length;
       if (a2 || l2) {
         var u2 = (
           /** @type {Derived} */
           e2
         ), d2 = u2.parent;
-        for (o2 = 0; o2 < c2; o2++) s2 = n2[o2], // We always re-add all reactions (even duplicates) if the derived was
+        for (i2 = 0; i2 < c2; i2++) s2 = n2[i2], // We always re-add all reactions (even duplicates) if the derived was
         // previously disconnected, however we don't if it was unowned as we
         // de-duplicate dependencies in that case
         !a2 && ((_a2 = s2 == null ? void 0 : s2.reactions) == null ? void 0 : _a2.includes(u2)) || (s2.reactions ?? (s2.reactions = [])).push(u2);
-        a2 && (u2.f ^= v), // If the unowned derived is now fully connected to the graph again (it's unowned and reconnected, has a parent
+        a2 && (u2.f ^= g), // If the unowned derived is now fully connected to the graph again (it's unowned and reconnected, has a parent
         // and the parent is not unowned), then we can mark it as connected again, removing the need for the unowned
         // flag
         !l2 || null === d2 || d2.f & _ || (u2.f ^= _);
       }
-      for (o2 = 0; o2 < c2; o2++) if (check_dirtiness(s2 = n2[o2]) && update_derived(
+      for (i2 = 0; i2 < c2; i2++) if (check_dirtiness(s2 = n2[i2]) && update_derived(
         /** @type {Derived} */
         s2
       ), s2.wv > e2.wv) return true;
     }
-    i2 && (null === H || Y) || set_signal_status(e2, g);
+    o2 && (null === H || J) || set_signal_status(e2, v);
   }
   return false;
 }
-function handle_error(e2, t2, n2, i2) {
-  if (B) {
-    if (null === n2 && (B = false), /**
+function handle_error(e2, t2, n2, o2) {
+  if (N) {
+    if (null === n2 && (N = false), /**
     * @param {Effect} effect
     */
     function should_rethrow_error(e3) {
       return !(e3.f & y || null !== e3.parent && e3.parent.f & p);
     }(t2)) throw e2;
-  } else null !== n2 && (B = true), function propagate_error(e3, t3) {
+  } else null !== n2 && (N = true), function propagate_error(e3, t3) {
     for (var n3 = t3; null !== n3; ) {
       if (n3.f & p) try {
         return void n3.fn(e3);
@@ -661,19 +661,19 @@ function handle_error(e2, t2, n2, i2) {
       }
       n3 = n3.parent;
     }
-    throw B = false, e3;
+    throw N = false, e3;
   }(e2, t2);
 }
 function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
-  var i2 = e2.reactions;
-  if (null !== i2) for (var o2 = 0; o2 < i2.length; o2++) {
-    var s2 = i2[o2];
+  var o2 = e2.reactions;
+  if (null !== o2) for (var i2 = 0; i2 < o2.length; i2++) {
+    var s2 = o2[i2];
     2 & s2.f ? schedule_possible_effect_self_invalidation(
       /** @type {Derived} */
       s2,
       t2,
       false
-    ) : t2 === s2 && (n2 ? set_signal_status(s2, h) : s2.f & g && set_signal_status(s2, m), schedule_effect(
+    ) : t2 === s2 && (n2 ? set_signal_status(s2, h) : s2.f & v && set_signal_status(s2, m), schedule_effect(
       /** @type {Effect} */
       s2
     ));
@@ -681,9 +681,9 @@ function schedule_possible_effect_self_invalidation(e2, t2, n2 = true) {
 }
 function update_reaction(e2) {
   var _a2;
-  var t2 = V, n2 = K, i2 = U, o2 = F, s2 = Y, a2 = R, l2 = T, c2 = G, u2 = e2.f;
+  var t2 = V, n2 = K, o2 = U, i2 = G, s2 = J, a2 = R, l2 = I, c2 = F, u2 = e2.f;
   V = /** @type {null | Value[]} */
-  null, K = 0, U = null, Y = !!(u2 & _) && (G || !W || null === F), F = 96 & u2 ? null : e2, R = null, set_component_context(e2.ctx), G = false, J++;
+  null, K = 0, U = null, J = !!(u2 & _) && (F || !W || null === G), G = 96 & u2 ? null : e2, R = null, set_component_context(e2.ctx), F = false, Z++;
   try {
     var d2 = (
       /** @type {Function} */
@@ -694,37 +694,37 @@ function update_reaction(e2) {
       var p2;
       if (remove_reactions(e2, K), null !== f2 && K > 0) for (f2.length = K + V.length, p2 = 0; p2 < V.length; p2++) f2[K + p2] = V[p2];
       else e2.deps = f2 = V;
-      if (!Y) for (p2 = K; p2 < f2.length; p2++) ((_a2 = f2[p2]).reactions ?? (_a2.reactions = [])).push(e2);
+      if (!J) for (p2 = K; p2 < f2.length; p2++) ((_a2 = f2[p2]).reactions ?? (_a2.reactions = [])).push(e2);
     } else null !== f2 && K < f2.length && (remove_reactions(e2, K), f2.length = K);
-    if (is_runes() && null !== U && !G && null !== f2 && !(6146 & e2.f)) for (p2 = 0; p2 < /** @type {Source[]} */
+    if (is_runes() && null !== U && !F && null !== f2 && !(6146 & e2.f)) for (p2 = 0; p2 < /** @type {Source[]} */
     U.length; p2++) schedule_possible_effect_self_invalidation(
       U[p2],
       /** @type {Effect} */
       e2
     );
-    return null !== o2 && J++, d2;
+    return null !== i2 && Z++, d2;
   } finally {
-    V = t2, K = n2, U = i2, F = o2, Y = s2, R = a2, set_component_context(l2), G = c2;
+    V = t2, K = n2, U = o2, G = i2, J = s2, R = a2, set_component_context(l2), F = c2;
   }
 }
 function remove_reaction(e2, t2) {
-  let i2 = t2.reactions;
-  if (null !== i2) {
-    var o2 = n.call(i2, e2);
-    if (-1 !== o2) {
-      var s2 = i2.length - 1;
-      0 === s2 ? i2 = t2.reactions = null : (
+  let o2 = t2.reactions;
+  if (null !== o2) {
+    var i2 = n.call(o2, e2);
+    if (-1 !== i2) {
+      var s2 = o2.length - 1;
+      0 === s2 ? o2 = t2.reactions = null : (
         // Swap with last element and then remove.
-        (i2[o2] = i2[s2], i2.pop())
+        (o2[i2] = o2[s2], o2.pop())
       );
     }
   }
-  null === i2 && 2 & t2.f && // Destroying a child effect while updating a parent effect can cause a dependency to appear
+  null === o2 && 2 & t2.f && // Destroying a child effect while updating a parent effect can cause a dependency to appear
   // to be unused, when in fact it is used by the currently-updating parent. Checking `new_deps`
   // allows us to skip the expensive work of disconnecting and immediately reconnecting it
   (null === V || !V.includes(t2)) && (set_signal_status(t2, m), // If we are working with a derived that is owned by an effect, then mark it as being
   // disconnected.
-  768 & t2.f || (t2.f ^= v), // Disconnect any reactions owned by this reaction
+  768 & t2.f || (t2.f ^= g), // Disconnect any reactions owned by this reaction
   destroy_derived_effects(
     /** @type {Derived} **/
     t2
@@ -736,13 +736,13 @@ function remove_reaction(e2, t2) {
 }
 function remove_reactions(e2, t2) {
   var n2 = e2.deps;
-  if (null !== n2) for (var i2 = t2; i2 < n2.length; i2++) remove_reaction(e2, n2[i2]);
+  if (null !== n2) for (var o2 = t2; o2 < n2.length; o2++) remove_reaction(e2, n2[o2]);
 }
 function update_effect(t2) {
   var n2 = t2.f;
   if (!(n2 & y)) {
-    set_signal_status(t2, g);
-    var i2 = H, o2 = T, s2 = W;
+    set_signal_status(t2, v);
+    var o2 = H, i2 = I, s2 = W;
     H = t2, W = true;
     try {
       16 & n2 ? function destroy_block_effect_children(e2) {
@@ -752,13 +752,13 @@ function update_effect(t2) {
         }
       }(t2) : destroy_effect_children(t2), execute_effect_teardown(t2);
       var a2 = update_reaction(t2);
-      t2.teardown = "function" == typeof a2 ? a2 : null, t2.wv = Z;
+      t2.teardown = "function" == typeof a2 ? a2 : null, t2.wv = Y;
       t2.deps;
       e;
     } catch (e2) {
-      handle_error(e2, t2, i2, o2 || t2.ctx);
+      handle_error(e2, t2, o2, i2 || t2.ctx);
     } finally {
-      W = s2, H = i2;
+      W = s2, H = o2;
     }
   }
 }
@@ -778,63 +778,63 @@ function flush_queued_root_effects() {
     var t2 = 0;
     for (W = true; L.length > 0; ) {
       t2++ > 1e3 && infinite_loop_guard();
-      var n2 = L, i2 = n2.length;
+      var n2 = L, o2 = n2.length;
       L = [];
-      for (var o2 = 0; o2 < i2; o2++) {
-        flush_queued_effects(process_effects(n2[o2]));
+      for (var i2 = 0; i2 < o2; i2++) {
+        flush_queued_effects(process_effects(n2[i2]));
       }
     }
   } finally {
-    D = false, W = e2, A = null;
+    B = false, W = e2, A = null;
   }
 }
 function flush_queued_effects(e2) {
   var t2 = e2.length;
   if (0 !== t2) for (var n2 = 0; n2 < t2; n2++) {
-    var i2 = e2[n2];
-    if (!(24576 & i2.f)) try {
-      check_dirtiness(i2) && (update_effect(i2), // Effects with no dependencies or teardown do not get added to the effect tree.
+    var o2 = e2[n2];
+    if (!(24576 & o2.f)) try {
+      check_dirtiness(o2) && (update_effect(o2), // Effects with no dependencies or teardown do not get added to the effect tree.
       // Deferred effects (e.g. `$effect(...)`) _are_ added to the tree because we
       // don't know if we need to keep them until they are executed. Doing the check
       // here (rather than in `update_effect`) allows us to skip the work for
       // immediate effects.
-      null === i2.deps && null === i2.first && null === i2.nodes_start && (null === i2.teardown ? (
+      null === o2.deps && null === o2.first && null === o2.nodes_start && (null === o2.teardown ? (
         // remove this effect from the graph
-        unlink_effect(i2)
+        unlink_effect(o2)
       ) : (
         // keep the effect in the graph, but free up some memory
-        i2.fn = null
+        o2.fn = null
       )));
     } catch (e3) {
-      handle_error(e3, i2, null, i2.ctx);
+      handle_error(e3, o2, null, o2.ctx);
     }
   }
 }
 function schedule_effect(e2) {
-  D || (D = true, queueMicrotask(flush_queued_root_effects));
+  B || (B = true, queueMicrotask(flush_queued_root_effects));
   for (var t2 = A = e2; null !== t2.parent; ) {
     var n2 = (t2 = t2.parent).f;
     if (96 & n2) {
-      if (!(n2 & g)) return;
-      t2.f ^= g;
+      if (!(n2 & v)) return;
+      t2.f ^= v;
     }
   }
   L.push(t2);
 }
 function process_effects(e2) {
   for (var t2 = [], n2 = e2; null !== n2; ) {
-    var i2 = n2.f, o2 = !!(96 & i2);
-    if (!(o2 && !!(i2 & g) || i2 & b)) {
-      if (4 & i2) t2.push(n2);
-      else if (o2) n2.f ^= g;
+    var o2 = n2.f, i2 = !!(96 & o2);
+    if (!(i2 && !!(o2 & v) || o2 & b)) {
+      if (4 & o2) t2.push(n2);
+      else if (i2) n2.f ^= v;
       else {
-        var s2 = F;
+        var s2 = G;
         try {
-          F = n2, check_dirtiness(n2) && update_effect(n2);
+          G = n2, check_dirtiness(n2) && update_effect(n2);
         } catch (e3) {
           handle_error(e3, n2, null, n2.ctx);
         } finally {
-          F = s2;
+          G = s2;
         }
       }
       var a2 = n2.first;
@@ -852,20 +852,20 @@ async function tick() {
   await Promise.resolve(), // By calling flushSync we guarantee that any pending state changes are applied after one tick.
   // TODO look into whether we can make flushing subsequent updates synchronously in the future.
   function flushSync(e2) {
-    for (flush_tasks(); L.length > 0; ) D = true, flush_queued_root_effects(), flush_tasks();
+    for (flush_tasks(); L.length > 0; ) B = true, flush_queued_root_effects(), flush_tasks();
   }();
 }
 function get$1(e2) {
   var t2 = !!(2 & e2.f);
-  if (null === F || G) {
+  if (null === G || F) {
     if (t2 && /** @type {Derived} */
     null === e2.deps && /** @type {Derived} */
     null === e2.effects) {
       var n2 = (
         /** @type {Derived} */
         e2
-      ), i2 = n2.parent;
-      null === i2 || i2.f & _ || // If the derived is owned by another derived then mark it as unowned
+      ), o2 = n2.parent;
+      null === o2 || o2.f & _ || // If the derived is owned by another derived then mark it as unowned
       // as the derived value might have been referenced in a different context
       // since and thus its parent might not be its true owner anymore
       (n2.f ^= _);
@@ -874,11 +874,11 @@ function get$1(e2) {
     null !== R && R.includes(e2) && function state_unsafe_local_read() {
       throw new Error("https://svelte.dev/e/state_unsafe_local_read");
     }();
-    var o2 = F.deps;
-    e2.rv < J && (e2.rv = J, // If the signal is accessing the same dependencies in the same
+    var i2 = G.deps;
+    e2.rv < Z && (e2.rv = Z, // If the signal is accessing the same dependencies in the same
     // order as it did last time, increment `skipped_deps`
     // rather than updating `new_deps`, which creates GC cost
-    null === V && null !== o2 && o2[K] === e2 ? K++ : null === V ? V = [e2] : Y && V.includes(e2) || // Normally we can push duplicated dependencies to `new_deps`, but if we're inside
+    null === V && null !== i2 && i2[K] === e2 ? K++ : null === V ? V = [e2] : J && V.includes(e2) || // Normally we can push duplicated dependencies to `new_deps`, but if we're inside
     // an unowned derived because skip_reaction is true, then we need to ensure that
     // we don't have duplicates
     V.push(e2));
@@ -887,11 +887,11 @@ function get$1(e2) {
   e2) && update_derived(n2), e2.v;
 }
 function untrack(e2) {
-  var t2 = G;
+  var t2 = F;
   try {
-    return G = true, e2();
+    return F = true, e2();
   } finally {
-    G = t2;
+    F = t2;
   }
 }
 const Q = -7169;
@@ -920,9 +920,9 @@ function deep_read(e2, t2 = /* @__PURE__ */ new Set()) {
     if (n2 !== Object.prototype && n2 !== Array.prototype && n2 !== Map.prototype && n2 !== Set.prototype && n2 !== Date.prototype) {
       const t3 = a(n2);
       for (let n3 in t3) {
-        const i2 = t3[n3].get;
-        if (i2) try {
-          i2.call(e2);
+        const o2 = t3[n3].get;
+        if (o2) try {
+          o2.call(e2);
         } catch (e3) {
         }
       }
@@ -968,7 +968,7 @@ function autofocus(e2, t2) {
 }
 let re = false;
 function without_reactive_context(e2) {
-  var t2 = F, n2 = H;
+  var t2 = G, n2 = H;
   set_active_reaction(null), set_active_effect(null);
   try {
     return e2();
@@ -976,12 +976,12 @@ function without_reactive_context(e2) {
     set_active_reaction(t2), set_active_effect(n2);
   }
 }
-function listen_to_event_and_reset_event(e2, t2, n2, i2 = n2) {
+function listen_to_event_and_reset_event(e2, t2, n2, o2 = n2) {
   e2.addEventListener(t2, () => without_reactive_context(n2));
-  const o2 = e2.__on_r;
-  e2.__on_r = o2 ? () => {
-    o2(), i2(true);
-  } : () => i2(true), function add_form_reset_listener() {
+  const i2 = e2.__on_r;
+  e2.__on_r = i2 ? () => {
+    i2(), o2(true);
+  } : () => o2(true), function add_form_reset_listener() {
     re || (re = true, document.addEventListener(
       "reset",
       (e3) => {
@@ -1002,32 +1002,32 @@ function listen_to_event_and_reset_event(e2, t2, n2, i2 = n2) {
     ));
   }();
 }
-const ie = /* @__PURE__ */ new Set(), oe = /* @__PURE__ */ new Set();
-function create_event(e2, t2, n2, i2 = {}) {
+const oe = /* @__PURE__ */ new Set(), ie = /* @__PURE__ */ new Set();
+function create_event(e2, t2, n2, o2 = {}) {
   function target_handler(e3) {
-    if (i2.capture || // Only call in the bubble phase, else delegated events would be called before the capturing events
+    if (o2.capture || // Only call in the bubble phase, else delegated events would be called before the capturing events
     handle_event_propagation.call(t2, e3), !e3.cancelBubble) return without_reactive_context(() => n2 == null ? void 0 : n2.call(this, e3));
   }
   return e2.startsWith("pointer") || e2.startsWith("touch") || "wheel" === e2 ? queue_micro_task(() => {
-    t2.addEventListener(e2, target_handler, i2);
-  }) : t2.addEventListener(e2, target_handler, i2), target_handler;
+    t2.addEventListener(e2, target_handler, o2);
+  }) : t2.addEventListener(e2, target_handler, o2), target_handler;
 }
-function event(e2, t2, n2, i2, o2) {
+function event(e2, t2, n2, o2, i2) {
   var s2 = {
-    capture: i2,
-    passive: o2
+    capture: o2,
+    passive: i2
   }, a2 = create_event(e2, t2, n2, s2);
   t2 !== document.body && t2 !== window && t2 !== document || teardown(() => {
     t2.removeEventListener(e2, a2, s2);
   });
 }
 function delegate(e2) {
-  for (var t2 = 0; t2 < e2.length; t2++) ie.add(e2[t2]);
-  for (var n2 of oe) n2(e2);
+  for (var t2 = 0; t2 < e2.length; t2++) oe.add(e2[t2]);
+  for (var n2 of ie) n2(e2);
 }
 function handle_event_propagation(e2) {
   var _a2;
-  var n2 = this, i2 = (
+  var n2 = this, o2 = (
     /** @type {Node} */
     n2.ownerDocument
   ), s2 = e2.type, a2 = ((_a2 = e2.composedPath) == null ? void 0 : _a2.call(e2)) || [], l2 = (
@@ -1046,14 +1046,14 @@ function handle_event_propagation(e2) {
   }
   if ((l2 = /** @type {Element} */
   a2[c2] || e2.target) !== n2) {
-    o(e2, "currentTarget", {
+    i(e2, "currentTarget", {
       configurable: true,
-      get: () => l2 || i2
+      get: () => l2 || o2
     });
-    var p2 = F, _2 = H;
+    var p2 = G, _2 = H;
     set_active_reaction(null), set_active_effect(null);
     try {
-      for (var v2, g2 = []; null !== l2; ) {
+      for (var g2, v2 = []; null !== l2; ) {
         var h2 = l2.assignedSlot || l2.parentNode || /** @type {any} */
         l2.host || null;
         try {
@@ -1066,17 +1066,17 @@ function handle_event_propagation(e2) {
             b2.apply(l2, [e2, ...y2]);
           } else m2.call(l2, e2);
         } catch (e3) {
-          v2 ? g2.push(e3) : v2 = e3;
+          g2 ? v2.push(e3) : g2 = e3;
         }
         if (e2.cancelBubble || h2 === n2 || null === h2) break;
         l2 = h2;
       }
-      if (v2) {
-        for (let e3 of g2)
+      if (g2) {
+        for (let e3 of v2)
           queueMicrotask(() => {
             throw e3;
           });
-        throw v2;
+        throw g2;
       }
     } finally {
       e2.__root = n2, // @ts-ignore remove proxy on currentTarget
@@ -1097,15 +1097,15 @@ function assign_nodes(e2, t2) {
 }
 // @__NO_SIDE_EFFECTS__
 function template(e2, t2) {
-  var n2, i2 = !!(1 & t2), o2 = !!(2 & t2), s2 = !e2.startsWith("<!>");
+  var n2, o2 = !!(1 & t2), i2 = !!(2 & t2), s2 = !e2.startsWith("<!>");
   return () => {
-    void 0 === n2 && (n2 = create_fragment_from_html(s2 ? e2 : "<!>" + e2), i2 || (n2 = /** @type {Node} */
+    void 0 === n2 && (n2 = create_fragment_from_html(s2 ? e2 : "<!>" + e2), o2 || (n2 = /** @type {Node} */
     /* @__PURE__ */ get_first_child(n2)));
     var t3 = (
       /** @type {TemplateNode} */
-      o2 || P ? document.importNode(n2, true) : n2.cloneNode(true)
+      i2 || P ? document.importNode(n2, true) : n2.cloneNode(true)
     );
-    i2 ? assign_nodes(
+    o2 ? assign_nodes(
       /** @type {TemplateNode} */
       /* @__PURE__ */ get_first_child(t3),
       /** @type {TemplateNode} */
@@ -1116,22 +1116,22 @@ function template(e2, t2) {
 }
 // @__NO_SIDE_EFFECTS__
 function ns_template(e2, t2, n2 = "svg") {
-  var i2, o2 = `<${n2}>${!e2.startsWith("<!>") ? e2 : "<!>" + e2}</${n2}>`;
+  var o2, i2 = `<${n2}>${!e2.startsWith("<!>") ? e2 : "<!>" + e2}</${n2}>`;
   return () => {
-    if (!i2) {
+    if (!o2) {
       var e3 = (
         /** @type {Element} */
         /* @__PURE__ */ get_first_child(
           /** @type {DocumentFragment} */
-          create_fragment_from_html(o2)
+          create_fragment_from_html(i2)
         )
       );
-      i2 = /** @type {Element} */
+      o2 = /** @type {Element} */
       /* @__PURE__ */ get_first_child(e3);
     }
     var t3 = (
       /** @type {TemplateNode} */
-      i2.cloneNode(true)
+      o2.cloneNode(true)
     );
     return assign_nodes(t3, t3), t3;
   };
@@ -1160,17 +1160,17 @@ function set_text(e2, t2) {
   (e2.__t = n2, e2.nodeValue = n2 + "");
 }
 function mount(e2, t2) {
-  return function _mount(e3, { target: t3, anchor: n2, props: o2 = {}, events: a2, context: l2, intro: c2 = true }) {
+  return function _mount(e3, { target: t3, anchor: n2, props: i2 = {}, events: a2, context: l2, intro: c2 = true }) {
     !/**
     * Initialize these lazily to avoid issues when using the runtime in a server context
     * where these globals are not available while avoiding a separate server entry point
     */
     function init_operations() {
-      if (void 0 === I) {
-        I = window, q = document, P = /Firefox/.test(navigator.userAgent);
+      if (void 0 === T) {
+        T = window, q = document, P = /Firefox/.test(navigator.userAgent);
         var e4 = Element.prototype, t4 = Node.prototype;
-        O = s(t4, "firstChild").get, // @ts-ignore
-        j = s(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
+        D = s(t4, "firstChild").get, // @ts-ignore
+        O = s(t4, "nextSibling").get, // the following assignments improve perf of lookups on DOM nodes
         // @ts-expect-error
         e4.__click = void 0, // @ts-expect-error
         e4.__className = void 0, // @ts-expect-error
@@ -1182,25 +1182,25 @@ function mount(e2, t2) {
     }();
     var u2 = /* @__PURE__ */ new Set(), event_handle = (e4) => {
       for (var n3 = 0; n3 < e4.length; n3++) {
-        var i2 = e4[n3];
-        if (!u2.has(i2)) {
-          u2.add(i2);
-          var o3 = is_passive_event(i2);
-          t3.addEventListener(i2, handle_event_propagation, {
-            passive: o3
+        var o2 = e4[n3];
+        if (!u2.has(o2)) {
+          u2.add(o2);
+          var i3 = is_passive_event(o2);
+          t3.addEventListener(o2, handle_event_propagation, {
+            passive: i3
           });
-          var s2 = ae.get(i2);
+          var s2 = ae.get(o2);
           void 0 === s2 ? (
             // The document listener ensures we catch events that originate from elements that were
             // manually moved outside of the container (e.g. via manual portals).
-            (document.addEventListener(i2, handle_event_propagation, {
-              passive: o3
-            }), ae.set(i2, 1))
-          ) : ae.set(i2, s2 + 1);
+            (document.addEventListener(o2, handle_event_propagation, {
+              passive: i3
+            }), ae.set(o2, 1))
+          ) : ae.set(o2, s2 + 1);
         }
       }
     };
-    event_handle(i(ie)), oe.add(event_handle);
+    event_handle(o(oe)), ie.add(event_handle);
     var d2 = void 0, p2 = (
       /**
       * An effect root whose children can transition out
@@ -1215,25 +1215,25 @@ function mount(e2, t2) {
           }) : (destroy_effect(t4), n3(void 0));
         });
       }(() => {
-        var i2 = n2 ?? t3.appendChild(create_text());
+        var o2 = n2 ?? t3.appendChild(create_text());
         return branch(() => {
           l2 && (push({}), /** @type {ComponentContext} */
-          T.c = l2);
+          I.c = l2);
           a2 && // We can't spread the object or else we'd lose the state proxy stuff, if it is one
           /** @type {any} */
-          (o2.$$events = a2), se = c2, // @ts-expect-error the public typings are not what the actual function looks like
-          d2 = e3(i2, o2) || {}, se = true, l2 && pop();
+          (i2.$$events = a2), se = c2, // @ts-expect-error the public typings are not what the actual function looks like
+          d2 = e3(o2, i2) || {}, se = true, l2 && pop();
         }), () => {
           var _a2;
           for (var e4 of u2) {
             t3.removeEventListener(e4, handle_event_propagation);
-            var o3 = (
+            var i3 = (
               /** @type {number} */
               ae.get(e4)
             );
-            0 == --o3 ? (document.removeEventListener(e4, handle_event_propagation), ae.delete(e4)) : ae.set(e4, o3);
+            0 == --i3 ? (document.removeEventListener(e4, handle_event_propagation), ae.delete(e4)) : ae.set(e4, i3);
           }
-          oe.delete(event_handle), i2 !== n2 && ((_a2 = i2.parentNode) == null ? void 0 : _a2.removeChild(i2));
+          ie.delete(event_handle), o2 !== n2 && ((_a2 = o2.parentNode) == null ? void 0 : _a2.removeChild(o2));
         };
       })
     );
@@ -1242,14 +1242,14 @@ function mount(e2, t2) {
 }
 const ae = /* @__PURE__ */ new Map();
 let le = /* @__PURE__ */ new WeakMap();
-function if_block(e2, t2, [n2, i2] = [0, 0]) {
-  var o2 = e2, s2 = null, a2 = null, l2 = M, c2 = false;
+function if_block(e2, t2, [n2, o2] = [0, 0]) {
+  var i2 = e2, s2 = null, a2 = null, l2 = M, c2 = false;
   const set_branch = (e3, t3 = true) => {
     c2 = true, update_branch(t3, e3);
   }, update_branch = (e3, t3) => {
-    l2 !== (l2 = e3) && (l2 ? (s2 ? resume_effect(s2) : t3 && (s2 = branch(() => t3(o2))), a2 && pause_effect(a2, () => {
+    l2 !== (l2 = e3) && (l2 ? (s2 ? resume_effect(s2) : t3 && (s2 = branch(() => t3(i2))), a2 && pause_effect(a2, () => {
       a2 = null;
-    })) : (a2 ? resume_effect(a2) : t3 && (a2 = branch(() => t3(o2, [n2 + 1, i2]))), s2 && pause_effect(s2, () => {
+    })) : (a2 ? resume_effect(a2) : t3 && (a2 = branch(() => t3(i2, [n2 + 1, o2]))), s2 && pause_effect(s2, () => {
       s2 = null;
     })));
   };
@@ -1264,7 +1264,7 @@ function set_current_each_item(e2) {
 function index(e2, t2) {
   return t2;
 }
-function each(e2, n2, o2, s2, a2, l2 = null) {
+function each(e2, n2, i2, s2, a2, l2 = null) {
   var c2 = e2, u2 = {
     flags: n2,
     items: /* @__PURE__ */ new Map(),
@@ -1273,8 +1273,8 @@ function each(e2, n2, o2, s2, a2, l2 = null) {
   !(4 & n2) || (c2 = /** @type {Element} */
   e2.appendChild(create_text()));
   var d2 = null, f2 = false, p2 = /* @__PURE__ */ derived_safe_equal(() => {
-    var e3 = o2();
-    return t(e3) ? e3 : null == e3 ? [] : i(e3);
+    var e3 = i2();
+    return t(e3) ? e3 : null == e3 ? [] : o(e3);
   });
   block(() => {
     var e3 = get$1(p2), t2 = e3.length;
@@ -1290,20 +1290,20 @@ function each(e2, n2, o2, s2, a2, l2 = null) {
     * @param {() => V[]} get_collection
     * @returns {void}
     */
-    function reconcile(e4, t3, n3, o3, s3, a3, l3) {
+    function reconcile(e4, t3, n3, i3, s3, a3, l3) {
       var _a2, _b2, _c2, _d;
-      var c3, u3, d3, f3, p3, _2, v2 = !!(8 & s3), g2 = !!(3 & s3), h2 = e4.length, m2 = t3.items, y2 = t3.first, $2 = y2, w2 = null, x2 = [], k2 = [];
-      if (v2) for (_2 = 0; _2 < h2; _2 += 1) f3 = a3(d3 = e4[_2], _2), void 0 !== (p3 = m2.get(f3)) && ((_a2 = p3.a) == null ? void 0 : _a2.measure(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).add(p3));
+      var c3, u3, d3, f3, p3, _2, g2 = !!(8 & s3), v2 = !!(3 & s3), h2 = e4.length, m2 = t3.items, y2 = t3.first, $2 = y2, w2 = null, x2 = [], k2 = [];
+      if (g2) for (_2 = 0; _2 < h2; _2 += 1) f3 = a3(d3 = e4[_2], _2), void 0 !== (p3 = m2.get(f3)) && ((_a2 = p3.a) == null ? void 0 : _a2.measure(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).add(p3));
       for (_2 = 0; _2 < h2; _2 += 1) if (f3 = a3(d3 = e4[_2], _2), void 0 !== (p3 = m2.get(f3))) {
-        if (g2 && update_item(p3, d3, _2, s3), p3.e.f & b && (resume_effect(p3.e), v2 && ((_b2 = p3.a) == null ? void 0 : _b2.unfix(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).delete(p3))), p3 !== $2) {
+        if (v2 && update_item(p3, d3, _2, s3), p3.e.f & b && (resume_effect(p3.e), g2 && ((_b2 = p3.a) == null ? void 0 : _b2.unfix(), (u3 ?? (u3 = /* @__PURE__ */ new Set())).delete(p3))), p3 !== $2) {
           if (void 0 !== c3 && c3.has(p3)) {
             if (x2.length < k2.length) {
               var C2, S2 = k2[0];
               w2 = S2.prev;
-              var M2 = x2[0], T2 = x2[x2.length - 1];
+              var M2 = x2[0], I2 = x2[x2.length - 1];
               for (C2 = 0; C2 < x2.length; C2 += 1) move(x2[C2], S2, n3);
               for (C2 = 0; C2 < k2.length; C2 += 1) c3.delete(k2[C2]);
-              link(t3, M2.prev, T2.next), link(t3, w2, M2), link(t3, T2, S2), $2 = S2, w2 = T2, _2 -= 1, x2 = [], k2 = [];
+              link(t3, M2.prev, I2.next), link(t3, w2, M2), link(t3, I2, S2), $2 = S2, w2 = I2, _2 -= 1, x2 = [], k2 = [];
             } else
               c3.delete(p3), move(p3, $2, n3), link(t3, p3.prev, p3.next), link(t3, p3, null === w2 ? t3.first : w2.next), link(t3, w2, p3), w2 = p3;
             continue;
@@ -1318,21 +1318,21 @@ function each(e2, n2, o2, s2, a2, l2 = null) {
         w2 = create_item($2 ? (
           /** @type {TemplateNode} */
           $2.e.nodes_start
-        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, _2, o3, s3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
+        ) : n3, t3, w2, null === w2 ? t3.first : w2.next, d3, f3, _2, i3, s3, l3), m2.set(f3, w2), x2 = [], k2 = [], $2 = w2.next;
       }
       if (null !== $2 || void 0 !== c3) {
-        for (var I2 = void 0 === c3 ? [] : i(c3); null !== $2; )
-          $2.e.f & b || I2.push($2), $2 = $2.next;
-        var q2 = I2.length;
+        for (var T2 = void 0 === c3 ? [] : o(c3); null !== $2; )
+          $2.e.f & b || T2.push($2), $2 = $2.next;
+        var q2 = T2.length;
         if (q2 > 0) {
           var P2 = 4 & s3 && 0 === h2 ? n3 : null;
-          if (v2) {
-            for (_2 = 0; _2 < q2; _2 += 1) (_c2 = I2[_2].a) == null ? void 0 : _c2.measure();
-            for (_2 = 0; _2 < q2; _2 += 1) (_d = I2[_2].a) == null ? void 0 : _d.fix();
+          if (g2) {
+            for (_2 = 0; _2 < q2; _2 += 1) (_c2 = T2[_2].a) == null ? void 0 : _c2.measure();
+            for (_2 = 0; _2 < q2; _2 += 1) (_d = T2[_2].a) == null ? void 0 : _d.fix();
           }
-          !function pause_effects(e5, t4, n4, i2) {
-            for (var o4 = [], s4 = t4.length, a4 = 0; a4 < s4; a4++) pause_children(t4[a4].e, o4, true);
-            var l4 = s4 > 0 && 0 === o4.length && null !== n4;
+          !function pause_effects(e5, t4, n4, o2) {
+            for (var i4 = [], s4 = t4.length, a4 = 0; a4 < s4; a4++) pause_children(t4[a4].e, i4, true);
+            var l4 = s4 > 0 && 0 === i4.length && null !== n4;
             if (l4) {
               var c4 = (
                 /** @type {Element} */
@@ -1344,24 +1344,24 @@ function each(e2, n2, o2, s2, a2, l2 = null) {
               }(c4), c4.append(
                 /** @type {Element} */
                 n4
-              ), i2.clear(), link(e5, t4[0].prev, t4[s4 - 1].next);
+              ), o2.clear(), link(e5, t4[0].prev, t4[s4 - 1].next);
             }
-            run_out_transitions(o4, () => {
+            run_out_transitions(i4, () => {
               for (var n5 = 0; n5 < s4; n5++) {
-                var o5 = t4[n5];
-                l4 || (i2.delete(o5.k), link(e5, o5.prev, o5.next)), destroy_effect(o5.e, !l4);
+                var i5 = t4[n5];
+                l4 || (o2.delete(i5.k), link(e5, i5.prev, i5.next)), destroy_effect(i5.e, !l4);
               }
             });
-          }(t3, I2, P2, m2);
+          }(t3, T2, P2, m2);
         }
       }
-      v2 && queue_micro_task(() => {
+      g2 && queue_micro_task(() => {
         var _a3;
         if (void 0 !== u3) for (p3 of u3) (_a3 = p3.a) == null ? void 0 : _a3.apply();
       });
       H.first = t3.first && t3.first.e, /** @type {Effect} */
       H.last = w2 && w2.e;
-    }(e3, u2, c2, a2, n2, s2, o2), null !== l2 && (0 === t2 ? d2 ? resume_effect(d2) : d2 = branch(() => l2(c2)) : null !== d2 && pause_effect(d2, () => {
+    }(e3, u2, c2, a2, n2, s2, i2), null !== l2 && (0 === t2 ? d2 ? resume_effect(d2) : d2 = branch(() => l2(c2)) : null !== d2 && pause_effect(d2, () => {
       d2 = null;
     })), // When we mount the each block for the first time, the collection won't be
     // connected to this effect as the effect hasn't finished running yet and its deps
@@ -1372,15 +1372,15 @@ function each(e2, n2, o2, s2, a2, l2 = null) {
     get$1(p2));
   });
 }
-function update_item(e2, t2, n2, i2) {
-  1 & i2 && internal_set(e2.v, t2), 2 & i2 ? internal_set(
+function update_item(e2, t2, n2, o2) {
+  1 & o2 && internal_set(e2.v, t2), 2 & o2 ? internal_set(
     /** @type {Value<number>} */
     e2.i,
     n2
   ) : e2.i = n2;
 }
-function create_item(e2, t2, n2, i2, o2, s2, a2, l2, c2, u2) {
-  var d2 = ce, f2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(o2) : source(o2) : o2, p2 = 2 & c2 ? source(a2) : a2, _2 = {
+function create_item(e2, t2, n2, o2, i2, s2, a2, l2, c2, u2) {
+  var d2 = ce, f2 = !!(1 & c2) ? !(16 & c2) ? /* @__PURE__ */ mutable_source(i2) : source(i2) : i2, p2 = 2 & c2 ? source(a2) : a2, _2 = {
     i: p2,
     v: f2,
     k: s2,
@@ -1388,110 +1388,110 @@ function create_item(e2, t2, n2, i2, o2, s2, a2, l2, c2, u2) {
     // @ts-expect-error
     e: null,
     prev: n2,
-    next: i2
+    next: o2
   };
   ce = _2;
   try {
-    return _2.e = branch(() => l2(e2, f2, p2, u2), false), _2.e.prev = n2 && n2.e, _2.e.next = i2 && i2.e, null === n2 ? t2.first = _2 : (n2.next = _2, n2.e.next = _2.e), null !== i2 && (i2.prev = _2, i2.e.prev = _2.e), _2;
+    return _2.e = branch(() => l2(e2, f2, p2, u2), false), _2.e.prev = n2 && n2.e, _2.e.next = o2 && o2.e, null === n2 ? t2.first = _2 : (n2.next = _2, n2.e.next = _2.e), null !== o2 && (o2.prev = _2, o2.e.prev = _2.e), _2;
   } finally {
     ce = d2;
   }
 }
 function move(e2, t2, n2) {
-  for (var i2 = e2.next ? (
+  for (var o2 = e2.next ? (
     /** @type {TemplateNode} */
     e2.next.e.nodes_start
-  ) : n2, o2 = t2 ? (
+  ) : n2, i2 = t2 ? (
     /** @type {TemplateNode} */
     t2.e.nodes_start
   ) : n2, s2 = (
     /** @type {TemplateNode} */
     e2.e.nodes_start
-  ); s2 !== i2; ) {
+  ); s2 !== o2; ) {
     var a2 = (
       /** @type {TemplateNode} */
       /* @__PURE__ */ get_next_sibling(s2)
     );
-    o2.before(s2), s2 = a2;
+    i2.before(s2), s2 = a2;
   }
 }
 function link(e2, t2, n2) {
   null === t2 ? e2.first = n2 : (t2.next = n2, t2.e.next = n2 && n2.e), null !== n2 && (n2.prev = t2, n2.e.prev = t2 && t2.e);
 }
-function slot(e2, t2, n2, i2, o2) {
+function slot(e2, t2, n2, o2, i2) {
   var _a2;
   var s2 = (_a2 = t2.$$slots) == null ? void 0 : _a2[n2], a2 = false;
-  true === s2 && (s2 = t2["default" === n2 ? "children" : n2], a2 = true), void 0 === s2 ? null !== o2 && o2(e2) : s2(e2, a2 ? () => i2 : i2);
+  true === s2 && (s2 = t2["default" === n2 ? "children" : n2], a2 = true), void 0 === s2 ? null !== i2 && i2(e2) : s2(e2, a2 ? () => o2 : o2);
 }
 function component(e2, t2, n2) {
-  var i2, o2, s2 = e2;
+  var o2, i2, s2 = e2;
   block(() => {
-    i2 !== (i2 = t2()) && (o2 && (pause_effect(o2), o2 = null), i2 && (o2 = branch(() => n2(s2, i2))));
+    o2 !== (o2 = t2()) && (i2 && (pause_effect(i2), i2 = null), o2 && (i2 = branch(() => n2(s2, o2))));
   }, $);
 }
 function r(e2) {
-  var t2, n2, i2 = "";
-  if ("string" == typeof e2 || "number" == typeof e2) i2 += e2;
+  var t2, n2, o2 = "";
+  if ("string" == typeof e2 || "number" == typeof e2) o2 += e2;
   else if ("object" == typeof e2) if (Array.isArray(e2)) {
-    var o2 = e2.length;
-    for (t2 = 0; t2 < o2; t2++) e2[t2] && (n2 = r(e2[t2])) && (i2 && (i2 += " "), i2 += n2);
-  } else for (n2 in e2) e2[n2] && (i2 && (i2 += " "), i2 += n2);
-  return i2;
+    var i2 = e2.length;
+    for (t2 = 0; t2 < i2; t2++) e2[t2] && (n2 = r(e2[t2])) && (o2 && (o2 += " "), o2 += n2);
+  } else for (n2 in e2) e2[n2] && (o2 && (o2 += " "), o2 += n2);
+  return o2;
 }
 function clsx(e2) {
   return "object" == typeof e2 ? function clsx$1() {
-    for (var e3, t2, n2 = 0, i2 = "", o2 = arguments.length; n2 < o2; n2++) (e3 = arguments[n2]) && (t2 = r(e3)) && (i2 && (i2 += " "), i2 += t2);
-    return i2;
+    for (var e3, t2, n2 = 0, o2 = "", i2 = arguments.length; n2 < i2; n2++) (e3 = arguments[n2]) && (t2 = r(e3)) && (o2 && (o2 += " "), o2 += t2);
+    return o2;
   }(e2) : e2 ?? "";
 }
 const ue = [..." 	\n\r\f \v\uFEFF"];
 function append_styles(e2, t2 = false) {
-  var n2 = t2 ? " !important;" : ";", i2 = "";
-  for (var o2 in e2) {
-    var s2 = e2[o2];
-    null != s2 && "" !== s2 && (i2 += " " + o2 + ": " + s2 + n2);
+  var n2 = t2 ? " !important;" : ";", o2 = "";
+  for (var i2 in e2) {
+    var s2 = e2[i2];
+    null != s2 && "" !== s2 && (o2 += " " + i2 + ": " + s2 + n2);
   }
-  return i2;
+  return o2;
 }
 function to_css_name(e2) {
   return "-" !== e2[0] || "-" !== e2[1] ? e2.toLowerCase() : e2;
 }
-function set_class(e2, t2, n2, i2, o2, s2) {
+function set_class(e2, t2, n2, o2, i2, s2) {
   if (e2.__className !== n2) {
     var a2 = function to_class(e3, t3, n3) {
-      var i3 = null == e3 ? "" : "" + e3;
-      if (t3 && (i3 = i3 ? i3 + " " + t3 : t3), n3) {
-        for (var o3 in n3) if (n3[o3]) i3 = i3 ? i3 + " " + o3 : o3;
-        else if (i3.length) for (var s3 = o3.length, a3 = 0; (a3 = i3.indexOf(o3, a3)) >= 0; ) {
+      var o3 = null == e3 ? "" : "" + e3;
+      if (t3 && (o3 = o3 ? o3 + " " + t3 : t3), n3) {
+        for (var i3 in n3) if (n3[i3]) o3 = o3 ? o3 + " " + i3 : i3;
+        else if (o3.length) for (var s3 = i3.length, a3 = 0; (a3 = o3.indexOf(i3, a3)) >= 0; ) {
           var l3 = a3 + s3;
-          0 !== a3 && !ue.includes(i3[a3 - 1]) || l3 !== i3.length && !ue.includes(i3[l3]) ? a3 = l3 : i3 = (0 === a3 ? "" : i3.substring(0, a3)) + i3.substring(l3 + 1);
+          0 !== a3 && !ue.includes(o3[a3 - 1]) || l3 !== o3.length && !ue.includes(o3[l3]) ? a3 = l3 : o3 = (0 === a3 ? "" : o3.substring(0, a3)) + o3.substring(l3 + 1);
         }
       }
-      return "" === i3 ? null : i3;
-    }(n2, i2, s2);
+      return "" === o3 ? null : o3;
+    }(n2, o2, s2);
     null == a2 ? e2.removeAttribute("class") : t2 ? e2.className = a2 : e2.setAttribute("class", a2), // @ts-expect-error need to add __className to patched prototype
     e2.__className = n2;
-  } else if (s2 && o2 !== s2) for (var l2 in s2) {
+  } else if (s2 && i2 !== s2) for (var l2 in s2) {
     var c2 = !!s2[l2];
-    null != o2 && c2 === !!o2[l2] || e2.classList.toggle(l2, c2);
+    null != i2 && c2 === !!i2[l2] || e2.classList.toggle(l2, c2);
   }
   return s2;
 }
-function update_styles(e2, t2 = {}, n2, i2) {
-  for (var o2 in n2) {
-    var s2 = n2[o2];
-    t2[o2] !== s2 && (null == n2[o2] ? e2.style.removeProperty(o2) : e2.style.setProperty(o2, s2, i2));
+function update_styles(e2, t2 = {}, n2, o2) {
+  for (var i2 in n2) {
+    var s2 = n2[i2];
+    t2[i2] !== s2 && (null == n2[i2] ? e2.style.removeProperty(i2) : e2.style.setProperty(i2, s2, o2));
   }
 }
-function set_style(e2, t2, n2, i2) {
+function set_style(e2, t2, n2, o2) {
   if (e2.__style !== t2) {
-    var o2 = function to_style(e3, t3) {
+    var i2 = function to_style(e3, t3) {
       if (t3) {
-        var n3, i3, o3 = "";
-        if (Array.isArray(t3) ? (n3 = t3[0], i3 = t3[1]) : n3 = t3, e3) {
+        var n3, o3, i3 = "";
+        if (Array.isArray(t3) ? (n3 = t3[0], o3 = t3[1]) : n3 = t3, e3) {
           e3 = String(e3).replaceAll(/\s*\/\*.*?\*\/\s*/g, "").trim();
           var s2 = false, a2 = 0, l2 = false, c2 = [];
-          n3 && c2.push(...Object.keys(n3).map(to_css_name)), i3 && c2.push(...Object.keys(i3).map(to_css_name));
+          n3 && c2.push(...Object.keys(n3).map(to_css_name)), o3 && c2.push(...Object.keys(o3).map(to_css_name));
           var u2 = 0, d2 = -1;
           const t4 = e3.length;
           for (var f2 = 0; f2 < t4; f2++) {
@@ -1501,21 +1501,21 @@ function set_style(e2, t2, n2, i2) {
               else if (";" === p2 || f2 === t4 - 1) {
                 if (-1 !== d2) {
                   var _2 = to_css_name(e3.substring(u2, d2).trim());
-                  c2.includes(_2) || (";" !== p2 && f2++, o3 += " " + e3.substring(u2, f2).trim() + ";");
+                  c2.includes(_2) || (";" !== p2 && f2++, i3 += " " + e3.substring(u2, f2).trim() + ";");
                 }
                 u2 = f2 + 1, d2 = -1;
               }
             }
           }
         }
-        return n3 && (o3 += append_styles(n3)), i3 && (o3 += append_styles(i3, true)), "" === (o3 = o3.trim()) ? null : o3;
+        return n3 && (i3 += append_styles(n3)), o3 && (i3 += append_styles(o3, true)), "" === (i3 = i3.trim()) ? null : i3;
       }
       return null == e3 ? null : String(e3);
-    }(t2, i2);
-    null == o2 ? e2.removeAttribute("style") : e2.style.cssText = o2, // @ts-expect-error
+    }(t2, o2);
+    null == i2 ? e2.removeAttribute("style") : e2.style.cssText = i2, // @ts-expect-error
     e2.__style = t2;
-  } else i2 && (Array.isArray(i2) ? (update_styles(e2, n2 == null ? void 0 : n2[0], i2[0]), update_styles(e2, n2 == null ? void 0 : n2[1], i2[1], "important")) : update_styles(e2, n2, i2));
-  return i2;
+  } else o2 && (Array.isArray(o2) ? (update_styles(e2, n2 == null ? void 0 : n2[0], o2[0]), update_styles(e2, n2 == null ? void 0 : n2[1], o2[1], "important")) : update_styles(e2, n2, o2));
+  return o2;
 }
 const de = Symbol("class"), fe = Symbol("style"), pe = Symbol("is custom element"), _e = Symbol("is html");
 function set_selected(e2, t2) {
@@ -1525,18 +1525,18 @@ function set_selected(e2, t2) {
     e2.hasAttribute("selected") || e2.setAttribute("selected", "")
   ) : e2.removeAttribute("selected");
 }
-function set_attribute(e2, t2, n2, i2) {
-  var o2 = get_attributes(e2);
-  o2[t2] !== (o2[t2] = n2) && ("loading" === t2 && // @ts-expect-error
+function set_attribute(e2, t2, n2, o2) {
+  var i2 = get_attributes(e2);
+  i2[t2] !== (i2[t2] = n2) && ("loading" === t2 && // @ts-expect-error
   (e2[C] = n2), null == n2 ? e2.removeAttribute(t2) : "string" != typeof n2 && get_setters(e2).includes(t2) ? (
     // @ts-ignore
     e2[t2] = n2
   ) : e2.setAttribute(t2, n2));
 }
-function set_attributes(e2, t2, n2, i2, o2 = false) {
+function set_attributes(e2, t2, n2, o2, i2 = false) {
   var s2 = get_attributes(e2), a2 = s2[pe], l2 = !s2[_e], c2 = t2 || {}, u2 = "OPTION" === e2.tagName;
   for (var d2 in t2) d2 in n2 || (n2[d2] = null);
-  n2.class ? n2.class = clsx(n2.class) : (i2 || n2[de]) && (n2.class = null), n2[fe] && (n2.style ?? (n2.style = null));
+  n2.class ? n2.class = clsx(n2.class) : (o2 || n2[de]) && (n2.class = null), n2[fe] && (n2.style ?? (n2.style = null));
   var f2 = get_setters(e2);
   for (const m2 in n2) {
     let b2 = n2[m2];
@@ -1550,12 +1550,12 @@ function set_attributes(e2, t2, n2, i2, o2 = false) {
         if ("$$" !== _2) if ("on" === _2) {
           const y2 = {}, $2 = "$$" + m2;
           let w2 = m2.slice(2);
-          var v2 = is_delegated(w2);
-          if (is_capture_event(w2) && (w2 = w2.slice(0, -7), y2.capture = true), !v2 && p2) {
+          var g2 = is_delegated(w2);
+          if (is_capture_event(w2) && (w2 = w2.slice(0, -7), y2.capture = true), !g2 && p2) {
             if (null != b2) continue;
             e2.removeEventListener(w2, c2[$2], y2), c2[$2] = null;
           }
-          if (null != b2) if (v2)
+          if (null != b2) if (g2)
             e2[`__${w2}`] = b2, delegate([w2]);
           else {
             let handle = function(e3) {
@@ -1563,7 +1563,7 @@ function set_attributes(e2, t2, n2, i2, o2 = false) {
             };
             c2[$2] = create_event(w2, e2, handle, y2);
           }
-          else v2 && // @ts-ignore
+          else g2 && // @ts-ignore
           (e2[`__${w2}`] = void 0);
         } else if ("style" === m2)
           set_attribute(e2, m2, b2);
@@ -1578,26 +1578,26 @@ function set_attributes(e2, t2, n2, i2, o2 = false) {
           b2
         );
         else {
-          var g2 = m2;
-          l2 || (g2 = normalize_attribute(g2));
-          var h2 = "defaultValue" === g2 || "defaultChecked" === g2;
-          if (null != b2 || a2 || h2) h2 || f2.includes(g2) && (a2 || "string" != typeof b2) ? (
+          var v2 = m2;
+          l2 || (v2 = normalize_attribute(v2));
+          var h2 = "defaultValue" === v2 || "defaultChecked" === v2;
+          if (null != b2 || a2 || h2) h2 || f2.includes(v2) && (a2 || "string" != typeof b2) ? (
             // @ts-ignore
-            e2[g2] = b2
-          ) : "function" != typeof b2 && set_attribute(e2, g2, b2);
-          else if (s2[m2] = null, "value" === g2 || "checked" === g2) {
+            e2[v2] = b2
+          ) : "function" != typeof b2 && set_attribute(e2, v2, b2);
+          else if (s2[m2] = null, "value" === v2 || "checked" === v2) {
             let x2 = (
               /** @type {HTMLInputElement} */
               e2
             );
             const k2 = void 0 === t2;
-            if ("value" === g2) {
+            if ("value" === v2) {
               let C2 = x2.defaultValue;
-              x2.removeAttribute(g2), x2.defaultValue = C2, // @ts-ignore
+              x2.removeAttribute(v2), x2.defaultValue = C2, // @ts-ignore
               x2.value = x2.__value = k2 ? C2 : null;
             } else {
               let S2 = x2.defaultChecked;
-              x2.removeAttribute(g2), x2.defaultChecked = S2, x2.checked = !!k2 && S2;
+              x2.removeAttribute(v2), x2.defaultChecked = S2, x2.checked = !!k2 && S2;
             }
           } else e2.removeAttribute(m2);
         }
@@ -1605,7 +1605,7 @@ function set_attributes(e2, t2, n2, i2, o2 = false) {
           e2.value = e2.__value = b2;
       }
     } else set_style(e2, b2, t2 == null ? void 0 : t2[fe], n2[fe]), c2[m2] = b2, c2[fe] = n2[fe];
-    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, i2, t2 == null ? void 0 : t2[de], n2[de]), c2[m2] = b2, c2[de] = n2[de];
+    else set_class(e2, "http://www.w3.org/1999/xhtml" === e2.namespaceURI, b2, o2, t2 == null ? void 0 : t2[de], n2[de]), c2[m2] = b2, c2[de] = n2[de];
   }
   return c2;
 }
@@ -1615,18 +1615,18 @@ function get_attributes(e2) {
     [_e]: "http://www.w3.org/1999/xhtml" === e2.namespaceURI
   });
 }
-var ve = /* @__PURE__ */ new Map();
+var ge = /* @__PURE__ */ new Map();
 function get_setters(e2) {
-  var t2, n2 = ve.get(e2.nodeName);
+  var t2, n2 = ge.get(e2.nodeName);
   if (n2) return n2;
-  ve.set(e2.nodeName, n2 = []);
-  for (var i2 = e2, o2 = Element.prototype; o2 !== i2; ) {
-    for (var s2 in t2 = a(i2)) t2[s2].set && n2.push(s2);
-    i2 = u(i2);
+  ge.set(e2.nodeName, n2 = []);
+  for (var o2 = e2, i2 = Element.prototype; i2 !== o2; ) {
+    for (var s2 in t2 = a(o2)) t2[s2].set && n2.push(s2);
+    o2 = u(o2);
   }
   return n2;
 }
-const ge = {
+const ve = {
   // don't access requestAnimationFrame eagerly outside method
   // this allows basic testing of user code without JSDOM
   // bunder will eval and remove ternary when the user's app is built
@@ -1638,10 +1638,10 @@ const ge = {
   tasks: /* @__PURE__ */ new Set()
 };
 function run_tasks() {
-  const e2 = ge.now();
-  ge.tasks.forEach((t2) => {
-    t2.c(e2) || (ge.tasks.delete(t2), t2.f());
-  }), 0 !== ge.tasks.size && ge.tick(run_tasks);
+  const e2 = ve.now();
+  ve.tasks.forEach((t2) => {
+    t2.c(e2) || (ve.tasks.delete(t2), t2.f());
+  }), 0 !== ve.tasks.size && ve.tick(run_tasks);
 }
 function dispatch_event(e2, t2) {
   without_reactive_context(() => {
@@ -1661,20 +1661,20 @@ function css_property_to_camelcase(e2) {
 function css_to_keyframe(e2) {
   const t2 = {}, n2 = e2.split(";");
   for (const e3 of n2) {
-    const [n3, i2] = e3.split(":");
-    if (!n3 || void 0 === i2) break;
-    t2[css_property_to_camelcase(n3.trim())] = i2.trim();
+    const [n3, o2] = e3.split(":");
+    if (!n3 || void 0 === o2) break;
+    t2[css_property_to_camelcase(n3.trim())] = o2.trim();
   }
   return t2;
 }
 const linear = (e2) => e2;
-function transition(e2, t2, n2, i2) {
-  var o2, s2, a2, l2 = !!(4 & e2), c2 = t2.inert, u2 = t2.style.overflow;
+function transition(e2, t2, n2, o2) {
+  var i2, s2, a2, l2 = !!(4 & e2), c2 = t2.inert, u2 = t2.style.overflow;
   function get_options() {
-    var e3 = F, s3 = H;
+    var e3 = G, s3 = H;
     set_active_reaction(null), set_active_effect(null);
     try {
-      return o2 ?? (o2 = n2()(t2, (i2 == null ? void 0 : i2()) ?? /** @type {P} */
+      return i2 ?? (i2 = n2()(t2, (o2 == null ? void 0 : o2()) ?? /** @type {P} */
       {}, {
         direction: "both"
       }));
@@ -1687,7 +1687,7 @@ function transition(e2, t2, n2, i2) {
     in() {
       t2.inert = c2, dispatch_event(t2, "introstart"), s2 = animate(t2, get_options(), a2, 1, () => {
         dispatch_event(t2, "introend"), // Ensure we cancel the animation to prevent leaking
-        s2 == null ? void 0 : s2.abort(), s2 = o2 = void 0, t2.style.overflow = u2;
+        s2 == null ? void 0 : s2.abort(), s2 = i2 = void 0, t2.style.overflow = u2;
       });
     },
     out(e3) {
@@ -1716,8 +1716,8 @@ function transition(e2, t2, n2, i2) {
     });
   }
 }
-function animate(e2, t2, n2, i2, o2) {
-  var s2 = 1 === i2;
+function animate(e2, t2, n2, o2, i2) {
+  var s2 = 1 === o2;
   if (is_function(t2)) {
     var a2, l2 = false;
     return queue_micro_task(() => {
@@ -1725,7 +1725,7 @@ function animate(e2, t2, n2, i2, o2) {
         var c3 = t2({
           direction: s2 ? "in" : "out"
         });
-        a2 = animate(e2, c3, n2, i2, o2);
+        a2 = animate(e2, c3, n2, o2, i2);
       }
     }), {
       abort: () => {
@@ -1736,11 +1736,11 @@ function animate(e2, t2, n2, i2, o2) {
       t: () => a2.t()
     };
   }
-  if (n2 == null ? void 0 : n2.deactivate(), !(t2 == null ? void 0 : t2.duration)) return o2(), {
+  if (n2 == null ? void 0 : n2.deactivate(), !(t2 == null ? void 0 : t2.duration)) return i2(), {
     abort: noop,
     deactivate: noop,
     reset: noop,
-    t: () => i2
+    t: () => o2
   };
   const { delay: c2 = 0, css: u2, tick: d2, easing: f2 = linear } = t2;
   var p2 = [];
@@ -1748,21 +1748,21 @@ function animate(e2, t2, n2, i2, o2) {
     var _2 = css_to_keyframe(u2(0, 1));
     p2.push(_2, _2);
   }
-  var get_t = () => 1 - i2, v2 = e2.animate(p2, {
+  var get_t = () => 1 - o2, g2 = e2.animate(p2, {
     duration: c2
   });
-  return v2.onfinish = () => {
-    var s3 = (n2 == null ? void 0 : n2.t()) ?? 1 - i2;
+  return g2.onfinish = () => {
+    var s3 = (n2 == null ? void 0 : n2.t()) ?? 1 - o2;
     n2 == null ? void 0 : n2.abort();
-    var a3 = i2 - s3, l3 = (
+    var a3 = o2 - s3, l3 = (
       /** @type {number} */
       t2.duration * Math.abs(a3)
     ), c3 = [];
     if (l3 > 0) {
       var p3 = false;
       if (u2)
-        for (var _3 = Math.ceil(l3 / (1e3 / 60)), g2 = 0; g2 <= _3; g2 += 1) {
-          var h2 = s3 + a3 * f2(g2 / _3), m2 = css_to_keyframe(u2(h2, 1 - h2));
+        for (var _3 = Math.ceil(l3 / (1e3 / 60)), v2 = 0; v2 <= _3; v2 += 1) {
+          var h2 = s3 + a3 * f2(v2 / _3), m2 = css_to_keyframe(u2(h2, 1 - h2));
           c3.push(m2), p3 || (p3 = "hidden" === m2.overflow);
         }
       p3 && /** @type {HTMLElement} */
@@ -1770,47 +1770,47 @@ function animate(e2, t2, n2, i2, o2) {
         var e3 = (
           /** @type {number} */
           /** @type {globalThis.Animation} */
-          v2.currentTime
+          g2.currentTime
         );
         return s3 + a3 * f2(e3 / l3);
       }, d2 && function loop(e3) {
         let t3;
-        return 0 === ge.tasks.size && ge.tick(run_tasks), {
+        return 0 === ve.tasks.size && ve.tick(run_tasks), {
           promise: new Promise((n3) => {
-            ge.tasks.add(t3 = {
+            ve.tasks.add(t3 = {
               c: e3,
               f: n3
             });
           }),
           abort() {
-            ge.tasks.delete(t3);
+            ve.tasks.delete(t3);
           }
         };
       }(() => {
-        if ("running" !== v2.playState) return false;
+        if ("running" !== g2.playState) return false;
         var e3 = get_t();
         return d2(e3, 1 - e3), true;
       });
     }
-    (v2 = e2.animate(c3, {
+    (g2 = e2.animate(c3, {
       duration: l3,
       fill: "forwards"
     })).onfinish = () => {
-      get_t = () => i2, d2 == null ? void 0 : d2(i2, 1 - i2), o2();
+      get_t = () => o2, d2 == null ? void 0 : d2(o2, 1 - o2), i2();
     };
   }, {
     abort: () => {
-      v2 && (v2.cancel(), // This prevents memory leaks in Chromium
-      v2.effect = null, // This prevents onfinish to be launched after cancel(),
+      g2 && (g2.cancel(), // This prevents memory leaks in Chromium
+      g2.effect = null, // This prevents onfinish to be launched after cancel(),
       // which can happen in some rare cases
       // see https://github.com/sveltejs/svelte/issues/13681
-      v2.onfinish = noop);
+      g2.onfinish = noop);
     },
     deactivate: () => {
-      o2 = noop;
+      i2 = noop;
     },
     reset: () => {
-      0 === i2 && (d2 == null ? void 0 : d2(1, 0));
+      0 === o2 && (d2 == null ? void 0 : d2(1, 0));
     },
     t: () => get_t()
   };
@@ -1825,19 +1825,19 @@ function to_number(e2) {
 function is_bound_this(e2, t2) {
   return e2 === t2 || (e2 == null ? void 0 : e2[x]) === t2;
 }
-function bind_this(e2 = {}, t2, n2, i2) {
+function bind_this(e2 = {}, t2, n2, o2) {
   return effect(() => {
-    var i3, o2;
+    var o3, i2;
     return render_effect(() => {
-      i3 = o2, // We only track changes to the parts, not the value itself to avoid unnecessary reruns.
-      o2 = [], untrack(() => {
-        e2 !== n2(...o2) && (t2(e2, ...o2), // If this is an effect rerun (cause: each block context changes), then nullfiy the binding at
+      o3 = i2, // We only track changes to the parts, not the value itself to avoid unnecessary reruns.
+      i2 = [], untrack(() => {
+        e2 !== n2(...i2) && (t2(e2, ...i2), // If this is an effect rerun (cause: each block context changes), then nullfiy the binding at
         // the previous position if it isn't already taken over by a different effect.
-        i3 && is_bound_this(n2(...i3), e2) && t2(null, ...i3));
+        o3 && is_bound_this(n2(...o3), e2) && t2(null, ...o3));
       });
     }), () => {
       queue_micro_task(() => {
-        o2 && is_bound_this(n2(...o2), e2) && t2(null, ...o2);
+        i2 && is_bound_this(n2(...i2), e2) && t2(null, ...i2);
       });
     };
   }), e2;
@@ -1845,7 +1845,7 @@ function bind_this(e2 = {}, t2, n2, i2) {
 function init(e2 = false) {
   const t2 = (
     /** @type {ComponentContextLegacy} */
-    T
+    I
   ), n2 = t2.l.u;
   if (!n2) return;
   let props = () => deep_read_state(t2.s);
@@ -1854,13 +1854,13 @@ function init(e2 = false) {
       /** @type {Record<string, any>} */
       {}
     );
-    const i2 = /* @__PURE__ */ derived(() => {
-      let i3 = false;
-      const o2 = t2.s;
-      for (const e4 in o2) o2[e4] !== n3[e4] && (n3[e4] = o2[e4], i3 = true);
-      return i3 && e3++, e3;
+    const o2 = /* @__PURE__ */ derived(() => {
+      let o3 = false;
+      const i2 = t2.s;
+      for (const e4 in i2) i2[e4] !== n3[e4] && (n3[e4] = i2[e4], o3 = true);
+      return o3 && e3++, e3;
     });
-    props = () => get$1(i2);
+    props = () => get$1(o2);
   }
   n2.b.length && function user_pre_effect(e3) {
     return validate_effect(), render_effect(e3);
@@ -1884,21 +1884,21 @@ function observe_all(e2, t2) {
 function subscribe_to_store(e2, t2, n2) {
   if (null == e2)
     return t2(void 0), noop;
-  const i2 = untrack(() => e2.subscribe(
+  const o2 = untrack(() => e2.subscribe(
     t2,
     // @ts-expect-error
     n2
   ));
-  return i2.unsubscribe ? () => i2.unsubscribe() : i2;
+  return o2.unsubscribe ? () => o2.unsubscribe() : o2;
 }
 const he = [];
 function writable(e2, t2 = noop) {
   let n2 = null;
-  const i2 = /* @__PURE__ */ new Set();
+  const o2 = /* @__PURE__ */ new Set();
   function set2(t3) {
     if (safe_not_equal(e2, t3) && (e2 = t3, n2)) {
       const t4 = !he.length;
-      for (const t5 of i2) t5[1](), he.push(t5, e2);
+      for (const t5 of o2) t5[1](), he.push(t5, e2);
       if (t4) {
         for (let e3 = 0; e3 < he.length; e3 += 2) he[e3][0](he[e3 + 1]);
         he.length = 0;
@@ -1914,13 +1914,13 @@ function writable(e2, t2 = noop) {
   return {
     set: set2,
     update: update2,
-    subscribe: function subscribe(o2, s2 = noop) {
-      const a2 = [o2, s2];
-      return i2.add(a2), 1 === i2.size && (n2 = t2(set2, update2) || noop), o2(
+    subscribe: function subscribe(i2, s2 = noop) {
+      const a2 = [i2, s2];
+      return o2.add(a2), 1 === o2.size && (n2 = t2(set2, update2) || noop), i2(
         /** @type {T} */
         e2
       ), () => {
-        i2.delete(a2), 0 === i2.size && n2 && (n2(), n2 = null);
+        o2.delete(a2), 0 === o2.size && n2 && (n2(), n2 = null);
       };
     }
   };
@@ -1931,24 +1931,24 @@ function get(e2) {
 }
 let me = false, be = Symbol();
 function store_get(e2, t2, n2) {
-  const i2 = n2[t2] ?? (n2[t2] = {
+  const o2 = n2[t2] ?? (n2[t2] = {
     store: null,
     source: /* @__PURE__ */ mutable_source(void 0),
     unsubscribe: noop
   });
-  if (i2.store !== e2 && !(be in n2)) if (i2.unsubscribe(), i2.store = e2 ?? null, null == e2) i2.source.v = void 0, // see synchronous callback comment below
-  i2.unsubscribe = noop;
+  if (o2.store !== e2 && !(be in n2)) if (o2.unsubscribe(), o2.store = e2 ?? null, null == e2) o2.source.v = void 0, // see synchronous callback comment below
+  o2.unsubscribe = noop;
   else {
-    var o2 = true;
-    i2.unsubscribe = subscribe_to_store(e2, (e3) => {
-      o2 ? (
+    var i2 = true;
+    o2.unsubscribe = subscribe_to_store(e2, (e3) => {
+      i2 ? (
         // If the first updates to the store value (possibly multiple of them) are synchronously
         // inside a derived, we will hit the `state_unsafe_mutation` error if we `set` the value
-        i2.source.v = e3
-      ) : set(i2.source, e3);
-    }), o2 = false;
+        o2.source.v = e3
+      ) : set(o2.source, e3);
+    }), i2 = false;
   }
-  return e2 && be in n2 ? get(e2) : get$1(i2.source);
+  return e2 && be in n2 ? get(e2) : get$1(o2.source);
 }
 function store_set(e2, t2) {
   return e2.set(t2), t2;
@@ -1960,7 +1960,7 @@ function setup_stores() {
       for (var t2 in e2) {
         e2[t2].unsubscribe();
       }
-      o(e2, be, {
+      i(e2, be, {
         enumerable: false,
         value: true
       });
@@ -2009,16 +2009,16 @@ const $e = {
   get(e2, t2) {
     let n2 = e2.props.length;
     for (; n2--; ) {
-      let i2 = e2.props[n2];
-      if (is_function(i2) && (i2 = i2()), "object" == typeof i2 && null !== i2 && t2 in i2) return i2[t2];
+      let o2 = e2.props[n2];
+      if (is_function(o2) && (o2 = o2()), "object" == typeof o2 && null !== o2 && t2 in o2) return o2[t2];
     }
   },
   set(e2, t2, n2) {
-    let i2 = e2.props.length;
-    for (; i2--; ) {
-      let o2 = e2.props[i2];
-      is_function(o2) && (o2 = o2());
-      const a2 = s(o2, t2);
+    let o2 = e2.props.length;
+    for (; o2--; ) {
+      let i2 = e2.props[o2];
+      is_function(i2) && (i2 = i2());
+      const a2 = s(i2, t2);
       if (a2 && a2.set) return a2.set(n2), true;
     }
     return false;
@@ -2026,9 +2026,9 @@ const $e = {
   getOwnPropertyDescriptor(e2, t2) {
     let n2 = e2.props.length;
     for (; n2--; ) {
-      let i2 = e2.props[n2];
-      if (is_function(i2) && (i2 = i2()), "object" == typeof i2 && null !== i2 && t2 in i2) {
-        const e3 = s(i2, t2);
+      let o2 = e2.props[n2];
+      if (is_function(o2) && (o2 = o2()), "object" == typeof o2 && null !== o2 && t2 in o2) {
+        const e3 = s(o2, t2);
         return e3 && !e3.configurable && // Prevent a "Non-configurability Report Error": The target is an array, it does
         // not actually contain this property. If it is now described as non-configurable,
         // the proxy throws a validation error. Setting it to true avoids that.
@@ -2055,10 +2055,10 @@ function spread_props(...e2) {
     props: e2
   }, $e);
 }
-function prop(e2, t2, n2, i2) {
+function prop(e2, t2, n2, o2) {
   var _a2;
-  var o2, a2 = !!(1 & n2), l2 = !S || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
-  c2 ? [o2, d2] = function capture_store_binding(e3) {
+  var i2, a2 = !!(1 & n2), l2 = !S || !!(2 & n2), c2 = !!(8 & n2), u2 = !!(16 & n2), d2 = false;
+  c2 ? [i2, d2] = function capture_store_binding(e3) {
     var t3 = me;
     try {
       return me = false, [e3(), me];
@@ -2068,26 +2068,26 @@ function prop(e2, t2, n2, i2) {
   }(() => (
     /** @type {V} */
     e2[t2]
-  )) : o2 = /** @type {V} */
+  )) : i2 = /** @type {V} */
   e2[t2];
-  var f2, p2 = x in e2 || k in e2, _2 = c2 && (((_a2 = s(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, v2 = (
+  var f2, p2 = x in e2 || k in e2, _2 = c2 && (((_a2 = s(e2, t2)) == null ? void 0 : _a2.set) ?? (p2 && t2 in e2 && ((n3) => e2[t2] = n3))) || void 0, g2 = (
     /** @type {V} */
-    i2
-  ), g2 = true, h2 = false, get_fallback = () => (h2 = true, g2 && (g2 = false, v2 = u2 ? untrack(
+    o2
+  ), v2 = true, h2 = false, get_fallback = () => (h2 = true, v2 && (v2 = false, g2 = u2 ? untrack(
     /** @type {() => V} */
-    i2
+    o2
   ) : (
     /** @type {V} */
-    i2
-  )), v2);
-  if (void 0 === o2 && void 0 !== i2 && (_2 && l2 && function props_invalid_value(e3) {
+    o2
+  )), g2);
+  if (void 0 === i2 && void 0 !== o2 && (_2 && l2 && function props_invalid_value(e3) {
     throw new Error("https://svelte.dev/e/props_invalid_value");
-  }(), o2 = get_fallback(), _2 && _2(o2)), l2) f2 = () => {
+  }(), i2 = get_fallback(), _2 && _2(i2)), l2) f2 = () => {
     var n3 = (
       /** @type {V} */
       e2[t2]
     );
-    return void 0 === n3 ? get_fallback() : (g2 = true, h2 = false, n3);
+    return void 0 === n3 ? get_fallback() : (v2 = true, h2 = false, n3);
   };
   else {
     var m2 = (a2 ? derived : derived_safe_equal)(() => (
@@ -2096,8 +2096,8 @@ function prop(e2, t2, n2, i2) {
     ));
     m2.f |= 131072, f2 = () => {
       var e3 = get$1(m2);
-      return void 0 !== e3 && (v2 = /** @type {V} */
-      void 0), void 0 === e3 ? v2 : e3;
+      return void 0 !== e3 && (g2 = /** @type {V} */
+      void 0), void 0 === e3 ? g2 : e3;
     };
   }
   if (!(4 & n2)) return f2;
@@ -2114,7 +2114,7 @@ function prop(e2, t2, n2, i2) {
       ) : f2();
     };
   }
-  var y2 = false, $2 = /* @__PURE__ */ mutable_source(o2), w2 = /* @__PURE__ */ derived(() => {
+  var y2 = false, $2 = /* @__PURE__ */ mutable_source(i2), w2 = /* @__PURE__ */ derived(() => {
     var e3 = f2(), t3 = get$1($2);
     return y2 ? (y2 = false, t3) : $2.v = e3;
   });
@@ -2123,13 +2123,13 @@ function prop(e2, t2, n2, i2) {
       const n3 = t3 ? get$1(w2) : l2 && c2 ? proxy(e3) : e3;
       return w2.equals(n3) || (y2 = true, set($2, n3), // To ensure the fallback value is consistent when used with proxies, we
       // update the local fallback_value, but only if the fallback is actively used
-      h2 && void 0 !== v2 && (v2 = n3), untrack(() => get$1(w2))), e3;
+      h2 && void 0 !== g2 && (g2 = n3), untrack(() => get$1(w2))), e3;
     }
     return get$1(w2);
   };
 }
 function onMount(e2) {
-  null === T && lifecycle_outside_component(), S && null !== T.l ? (
+  null === I && lifecycle_outside_component(), S && null !== I.l ? (
     /**
     * Legacy-mode: Init callbacks object for onMount/beforeUpdate/afterUpdate
     * @param {ComponentContext} context
@@ -2144,7 +2144,7 @@ function onMount(e2) {
         b: [],
         m: []
       });
-    }(T).m.push(e2)
+    }(I).m.push(e2)
   ) : user_effect(() => {
     const t2 = untrack(e2);
     if ("function" == typeof t2) return t2;
@@ -2187,16 +2187,16 @@ const we = {
 };
 var xe = /* @__PURE__ */ ns_template("<svg><!><!></svg>");
 function Icon$1(e2, t2) {
-  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), i2 = legacy_rest_props(n2, ["name", "color", "size", "strokeWidth", "absoluteStrokeWidth", "iconNode"]);
+  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), o2 = legacy_rest_props(n2, ["name", "color", "size", "strokeWidth", "absoluteStrokeWidth", "iconNode"]);
   push(t2, false);
-  let o2 = prop(t2, "name", 8, void 0), s2 = prop(t2, "color", 8, "currentColor"), a2 = prop(t2, "size", 8, 24), l2 = prop(t2, "strokeWidth", 8, 2), c2 = prop(t2, "absoluteStrokeWidth", 8, false), u2 = prop(t2, "iconNode", 24, () => []);
+  let i2 = prop(t2, "name", 8, void 0), s2 = prop(t2, "color", 8, "currentColor"), a2 = prop(t2, "size", 8, 24), l2 = prop(t2, "strokeWidth", 8, 2), c2 = prop(t2, "absoluteStrokeWidth", 8, false), u2 = prop(t2, "iconNode", 24, () => []);
   init();
   var d2 = xe();
   let f2;
   var p2 = child(d2);
   each(p2, 1, u2, index, (e3, t3) => {
     var n3 = comment();
-    !function element(e4, t4, n4, i3, o3, s3) {
+    !function element(e4, t4, n4, o3, i3, s3) {
       var a3, l3, c3, u3 = null, d3 = (
         /** @type {TemplateNode} */
         e4
@@ -2217,32 +2217,32 @@ function Icon$1(e2, t2) {
             // tag is changing — destroy immediately, render contents without intro transitions
             (destroy_effect(c3), set_should_intro(false))
           )), e5 && e5 !== l3 && (c3 = branch(() => {
-            if (assign_nodes(u3 = document.createElementNS("http://www.w3.org/2000/svg", e5), u3), i3) {
+            if (assign_nodes(u3 = document.createElementNS("http://www.w3.org/2000/svg", e5), u3), o3) {
               var t5 = (
                 /** @type {TemplateNode} */
                 u3.appendChild(create_text())
               );
-              i3(u3, t5);
+              o3(u3, t5);
             }
             H.nodes_end = u3, d3.before(u3);
           })), (a3 = e5) && (l3 = a3), set_should_intro(true), set_current_each_item(n5);
         }
       }, $);
     }(first_child(n3), () => get$1(t3)[0], 0, (e4, n4) => {
-      let i3;
-      template_effect(() => i3 = set_attributes(e4, i3, {
+      let o3;
+      template_effect(() => o3 = set_attributes(e4, o3, {
         ...get$1(t3)[1]
       }));
     }), append(e3, n3);
   }), slot(sibling(p2), t2, "default", {}, null), template_effect((e3, t3) => f2 = set_attributes(d2, f2, {
     ...we,
-    ...i2,
+    ...o2,
     width: a2(),
     height: a2(),
     stroke: s2(),
     "stroke-width": e3,
     class: t3
-  }), [() => c2() ? 24 * Number(l2()) / Number(a2()) : l2(), () => ((...e3) => e3.filter((e4, t3, n3) => Boolean(e4) && n3.indexOf(e4) === t3).join(" "))("lucide-icon", "lucide", o2() ? `lucide-${o2()}` : "", n2.class)], derived_safe_equal), append(e2, d2), pop();
+  }), [() => c2() ? 24 * Number(l2()) / Number(a2()) : l2(), () => ((...e3) => e3.filter((e4, t3, n3) => Boolean(e4) && n3.indexOf(e4) === t3).join(" "))("lucide-icon", "lucide", i2() ? `lucide-${i2()}` : "", n2.class)], derived_safe_equal), append(e2, d2), pop();
 }
 function Loader_circle(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]);
@@ -2253,8 +2253,8 @@ function Loader_circle(e2, t2) {
       d: "M21 12a9 9 0 1 1-6.219-8.56"
     }]],
     children: (e3, n3) => {
-      var i2 = comment();
-      slot(first_child(i2), t2, "default", {}, null), append(e3, i2);
+      var o2 = comment();
+      slot(first_child(o2), t2, "default", {}, null), append(e3, o2);
     },
     $$slots: {
       default: true
@@ -2264,14 +2264,14 @@ function Loader_circle(e2, t2) {
 var on_click$2 = (e2, t2) => {
   var _a2;
   (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2);
-}, ke = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="absolute bottom-0 left-0 h-full w-0 bg-black transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
+}, ke = /* @__PURE__ */ template('<button id="floating playlight button" aria-label="Open Playlight Discovery"><p class="z-2 flex items-center overflow-hidden svelte-1j97rta"><!> <span class="mr-0.25 inline-block font-bold svelte-1j97rta">More Games</span></p> <div class="absolute bottom-0 left-0 h-full w-0 bg-background transition-all duration-300 group-hover:w-full svelte-1j97rta"></div></button>');
 function FloatingButton(e2, t2) {
   push(t2, true);
-  let n2 = prop(t2, "position", 3, "bottom-right"), i2 = prop(t2, "visible", 3, true);
-  var o2 = comment(), s2 = first_child(o2), consequent = (e3) => {
-    var i3 = ke();
-    i3.__click = [on_click$2, t2];
-    var o3 = child(i3);
+  let n2 = prop(t2, "position", 3, "bottom-right"), o2 = prop(t2, "visible", 3, true);
+  var i2 = comment(), s2 = first_child(i2), consequent = (e3) => {
+    var o3 = ke();
+    o3.__click = [on_click$2, t2];
+    var i3 = child(o3);
     !function Gamepad(e4, t3) {
       const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
@@ -2305,22 +2305,22 @@ function FloatingButton(e2, t2) {
           rx: "2"
         }]],
         children: (e5, n4) => {
-          var i4 = comment();
-          slot(first_child(i4), t3, "default", {}, null), append(e5, i4);
+          var o4 = comment();
+          slot(first_child(o4), t3, "default", {}, null), append(e5, o4);
         },
         $$slots: {
           default: true
         }
       }));
-    }(child(o3), {
+    }(child(i3), {
       size: 26,
       strokeWidth: 1.75,
       class: "z-2 mr-2 transform transition-all duration-300 group-hover:rotate-12"
-    }), template_effect(() => set_class(i3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold text-black uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), append(e3, i3);
+    }), template_effect(() => set_class(o3, 1, `fixed ${("bottom-left" == n2() ? "bottom-4 left-4" : "bottom-right" == n2() ? "right-4 bottom-4" : "") ?? ""} group children-text-white z-99990 flex cursor-pointer gap-2 rounded-md bg-white p-3 font-bold text-background uppercase shadow-lg transition-all hover:scale-105`, "svelte-1j97rta")), append(e3, o3);
   };
   if_block(s2, (e3) => {
-    i2() && e3(consequent);
-  }), append(e2, o2), pop();
+    o2() && e3(consequent);
+  }), append(e2, i2), pop();
 }
 function cubic_out(e2) {
   const t2 = e2 - 1;
@@ -2337,44 +2337,44 @@ function split_css_unit(e2) {
     "px"
   ];
 }
-function blur(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_in_out, amount: o2 = 5, opacity: s2 = 0 } = {}) {
-  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.filter ? "" : a2.filter, u2 = l2 * (1 - s2), [d2, f2] = split_css_unit(o2);
+function blur(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_in_out, amount: i2 = 5, opacity: s2 = 0 } = {}) {
+  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.filter ? "" : a2.filter, u2 = l2 * (1 - s2), [d2, f2] = split_css_unit(i2);
   return {
     delay: t2,
     duration: n2,
-    easing: i2,
+    easing: o2,
     css: (e3, t3) => `opacity: ${l2 - u2 * t3}; filter: ${c2} blur(${t3 * d2}${f2});`
   };
 }
-function fly(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, x: o2 = 0, y: s2 = 0, opacity: a2 = 0 } = {}) {
-  const l2 = getComputedStyle(e2), c2 = +l2.opacity, u2 = "none" === l2.transform ? "" : l2.transform, d2 = c2 * (1 - a2), [f2, p2] = split_css_unit(o2), [_2, v2] = split_css_unit(s2);
+function fly(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, x: i2 = 0, y: s2 = 0, opacity: a2 = 0 } = {}) {
+  const l2 = getComputedStyle(e2), c2 = +l2.opacity, u2 = "none" === l2.transform ? "" : l2.transform, d2 = c2 * (1 - a2), [f2, p2] = split_css_unit(i2), [_2, g2] = split_css_unit(s2);
   return {
     delay: t2,
     duration: n2,
-    easing: i2,
+    easing: o2,
     css: (e3, t3) => `
-			transform: ${u2} translate(${(1 - e3) * f2}${p2}, ${(1 - e3) * _2}${v2});
+			transform: ${u2} translate(${(1 - e3) * f2}${p2}, ${(1 - e3) * _2}${g2});
 			opacity: ${c2 - d2 * t3}`
   };
 }
-function slide(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, axis: o2 = "y" } = {}) {
-  const s2 = getComputedStyle(e2), a2 = +s2.opacity, l2 = "y" === o2 ? "height" : "width", c2 = parseFloat(s2[l2]), u2 = "y" === o2 ? ["top", "bottom"] : ["left", "right"], d2 = u2.map((e3) => (
+function slide(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, axis: i2 = "y" } = {}) {
+  const s2 = getComputedStyle(e2), a2 = +s2.opacity, l2 = "y" === i2 ? "height" : "width", c2 = parseFloat(s2[l2]), u2 = "y" === i2 ? ["top", "bottom"] : ["left", "right"], d2 = u2.map((e3) => (
     /** @type {'Left' | 'Right' | 'Top' | 'Bottom'} */
     `${e3[0].toUpperCase()}${e3.slice(1)}`
-  )), f2 = parseFloat(s2[`padding${d2[0]}`]), p2 = parseFloat(s2[`padding${d2[1]}`]), _2 = parseFloat(s2[`margin${d2[0]}`]), v2 = parseFloat(s2[`margin${d2[1]}`]), g2 = parseFloat(s2[`border${d2[0]}Width`]), h2 = parseFloat(s2[`border${d2[1]}Width`]);
+  )), f2 = parseFloat(s2[`padding${d2[0]}`]), p2 = parseFloat(s2[`padding${d2[1]}`]), _2 = parseFloat(s2[`margin${d2[0]}`]), g2 = parseFloat(s2[`margin${d2[1]}`]), v2 = parseFloat(s2[`border${d2[0]}Width`]), h2 = parseFloat(s2[`border${d2[1]}Width`]);
   return {
     delay: t2,
     duration: n2,
-    easing: i2,
-    css: (e3) => `overflow: hidden;opacity: ${Math.min(20 * e3, 1) * a2};${l2}: ${e3 * c2}px;padding-${u2[0]}: ${e3 * f2}px;padding-${u2[1]}: ${e3 * p2}px;margin-${u2[0]}: ${e3 * _2}px;margin-${u2[1]}: ${e3 * v2}px;border-${u2[0]}-width: ${e3 * g2}px;border-${u2[1]}-width: ${e3 * h2}px;min-${l2}: 0`
+    easing: o2,
+    css: (e3) => `overflow: hidden;opacity: ${Math.min(20 * e3, 1) * a2};${l2}: ${e3 * c2}px;padding-${u2[0]}: ${e3 * f2}px;padding-${u2[1]}: ${e3 * p2}px;margin-${u2[0]}: ${e3 * _2}px;margin-${u2[1]}: ${e3 * g2}px;border-${u2[0]}-width: ${e3 * v2}px;border-${u2[1]}-width: ${e3 * h2}px;min-${l2}: 0`
   };
 }
-function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out, start: o2 = 0, opacity: s2 = 0 } = {}) {
-  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.transform ? "" : a2.transform, u2 = 1 - o2, d2 = l2 * (1 - s2);
+function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: o2 = cubic_out, start: i2 = 0, opacity: s2 = 0 } = {}) {
+  const a2 = getComputedStyle(e2), l2 = +a2.opacity, c2 = "none" === a2.transform ? "" : a2.transform, u2 = 1 - i2, d2 = l2 * (1 - s2);
   return {
     delay: t2,
     duration: n2,
-    easing: i2,
+    easing: o2,
     css: (e3, t3) => `
 			transform: ${c2} scale(${1 - u2 * t3});
 			opacity: ${l2 - d2 * t3}
@@ -2382,10 +2382,10 @@ function scale(e2, { delay: t2 = 0, duration: n2 = 400, easing: i2 = cubic_out,
   };
 }
 delegate(["click"]);
-var Ce = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), Se = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), Me = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), Te = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
+var Ce = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg>'), Se = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>'), Me = /* @__PURE__ */ ns_template('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg>'), Ie = /* @__PURE__ */ ns_template('<svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg>');
 function Icon(e2, t2) {
   let n2 = prop(t2, "type", 8, "success");
-  var i2 = comment(), o2 = first_child(i2), consequent = (e3) => {
+  var o2 = comment(), i2 = first_child(o2), consequent = (e3) => {
     append(e3, Ce());
   }, alternate = (e3, t3) => {
     var consequent_1 = (e4) => {
@@ -2395,7 +2395,7 @@ function Icon(e2, t2) {
         append(e5, Me());
       }, alternate_2 = (e5, t5) => {
         var consequent_3 = (e6) => {
-          append(e6, Te());
+          append(e6, Ie());
         }, alternate_3 = (e6) => {
         };
         if_block(e5, (e6) => {
@@ -2410,20 +2410,20 @@ function Icon(e2, t2) {
       "error" === n2() ? e4(consequent_1) : e4(alternate_1, false);
     }, t3);
   };
-  if_block(o2, (e3) => {
+  if_block(i2, (e3) => {
     "success" === n2() ? e3(consequent) : e3(alternate, false);
-  }), append(e2, i2);
+  }), append(e2, o2);
 }
-var Ie = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), qe = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
+var Te = /* @__PURE__ */ template('<div class="sonner-loading-bar"></div>'), qe = /* @__PURE__ */ template('<div class="sonner-loading-wrapper"><div class="sonner-spinner"></div></div>');
 function Loader(e2, t2) {
   push(t2, false);
   let n2 = prop(t2, "visible", 8);
-  const i2 = Array(12).fill(0);
+  const o2 = Array(12).fill(0);
   init();
-  var o2 = qe();
-  each(child(o2), 5, () => i2, index, (e3, t3) => {
-    append(e3, Ie());
-  }), template_effect(() => set_attribute(o2, "data-visible", n2())), append(e2, o2), pop();
+  var i2 = qe();
+  each(child(i2), 5, () => o2, index, (e3, t3) => {
+    append(e3, Te());
+  }), template_effect(() => set_attribute(i2, "data-visible", n2())), append(e2, i2), pop();
 }
 function cn(...e2) {
   return e2.filter(Boolean).join(" ");
@@ -2441,19 +2441,19 @@ function clientWritable(e2) {
     }
   };
 }
-let Oe = 0;
-const je = function createToastState() {
+let De = 0;
+const Oe = function createToastState() {
   const e2 = clientWritable([]), t2 = clientWritable([]);
   function addToast(t3) {
     e2.update((e3) => [t3, ...e3]);
   }
   function create(t3) {
     var _a2;
-    const { message: n2, ...i2 } = t3, o2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : Oe++, s2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === o2);
-    return l2 ? e2.update((e3) => e3.map((e4) => e4.id === o2 ? {
+    const { message: n2, ...o2 } = t3, i2 = "number" == typeof (t3 == null ? void 0 : t3.id) || t3.id && ((_a2 = t3.id) == null ? void 0 : _a2.length) > 0 ? t3.id : De++, s2 = void 0 === t3.dismissable || t3.dismissable, a2 = void 0 === t3.type ? "default" : t3.type, l2 = get(e2).find((e3) => e3.id === i2);
+    return l2 ? e2.update((e3) => e3.map((e4) => e4.id === i2 ? {
       ...e4,
       ...t3,
-      id: o2,
+      id: i2,
       title: n2,
       dismissable: s2,
       type: a2,
@@ -2462,12 +2462,12 @@ const je = function createToastState() {
       ...e4,
       updated: false
     })) : addToast({
-      ...i2,
-      id: o2,
+      ...o2,
+      id: i2,
       title: n2,
       dismissable: s2,
       type: a2
-    }), o2;
+    }), i2;
   }
   function dismiss(t3) {
     if (void 0 !== t3) return e2.update((e3) => e3.map((e4) => e4.id === t3 ? {
@@ -2540,53 +2540,53 @@ const je = function createToastState() {
         type: "loading",
         message: t3.loading
       }));
-      const i2 = e3 instanceof Promise ? e3 : e3();
-      let o2 = void 0 !== n2;
-      return i2.then((e4) => {
+      const o2 = e3 instanceof Promise ? e3 : e3();
+      let i2 = void 0 !== n2;
+      return o2.then((e4) => {
         if (e4 && "boolean" == typeof e4.ok && !e4.ok) {
-          o2 = false;
-          const i3 = "function" == typeof t3.error ? (
+          i2 = false;
+          const o3 = "function" == typeof t3.error ? (
             // @ts-expect-error: Incorrect response type
             t3.error(`HTTP error! status: ${e4.status}`)
           ) : t3.error;
           create({
             id: n2,
             type: "error",
-            message: i3
+            message: o3
           });
         } else if (void 0 !== t3.success) {
-          o2 = false;
-          const i3 = (
+          i2 = false;
+          const o3 = (
             // @ts-expect-error: TODO: Better function checking
             "function" == typeof t3.success ? t3.success(e4) : t3.success
           );
           create({
             id: n2,
             type: "success",
-            message: i3
+            message: o3
           });
         }
       }).catch((e4) => {
         if (void 0 !== t3.error) {
-          o2 = false;
-          const i3 = (
+          i2 = false;
+          const o3 = (
             // @ts-expect-error: TODO: Better function checking
             "function" == typeof t3.error ? t3.error(e4) : t3.error
           );
           create({
             id: n2,
             type: "error",
-            message: i3
+            message: o3
           });
         }
       }).finally(() => {
         var _a2;
-        o2 && // Toast is still in load state (and will be indefinitely — dismiss it)
+        i2 && // Toast is still in load state (and will be indefinitely — dismiss it)
         (dismiss(n2), n2 = void 0), (_a2 = t3.finally) == null ? void 0 : _a2.call(t3);
       }), n2;
     },
     custom: function custom(e3, t3) {
-      const n2 = (t3 == null ? void 0 : t3.id) || Oe++;
+      const n2 = (t3 == null ? void 0 : t3.id) || De++;
       return create({
         component: e3,
         id: n2,
@@ -2607,27 +2607,27 @@ const je = function createToastState() {
     heights: t2
   };
 }();
-const Ee = function toastFunction(e2, t2) {
-  return je.create({
+const je = function toastFunction(e2, t2) {
+  return Oe.create({
     message: e2,
     ...t2
   });
-}, Ne = Object.assign(Ee, {
-  success: je.success,
-  info: je.info,
-  warning: je.warning,
-  error: je.error,
-  custom: je.custom,
-  message: je.message,
-  promise: je.promise,
-  dismiss: je.dismiss,
-  loading: je.loading
+}, Ee = Object.assign(je, {
+  success: Oe.success,
+  info: Oe.info,
+  warning: Oe.warning,
+  error: Oe.error,
+  custom: Oe.custom,
+  message: Oe.message,
+  promise: Oe.promise,
+  dismiss: Oe.dismiss,
+  loading: Oe.loading
 });
-var Be = /* @__PURE__ */ template('<button aria-label="Close toast" data-close-button=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>'), De = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Ae = /* @__PURE__ */ template('<div data-title=""><!></div>'), We = /* @__PURE__ */ template('<div data-description=""><!></div>'), ze = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Le = /* @__PURE__ */ template('<button data-button=""> </button>'), Fe = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Ge = /* @__PURE__ */ template('<li aria-atomic="true" role="status" data-sonner-toast=""><!> <!></li>');
+var Ne = /* @__PURE__ */ template('<button aria-label="Close toast" data-close-button=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>'), Be = /* @__PURE__ */ template('<div data-icon=""><!> <!></div>'), Ae = /* @__PURE__ */ template('<div data-title=""><!></div>'), We = /* @__PURE__ */ template('<div data-description=""><!></div>'), ze = /* @__PURE__ */ template('<button data-button="" data-cancel=""> </button>'), Le = /* @__PURE__ */ template('<button data-button=""> </button>'), Ge = /* @__PURE__ */ template('<!> <div data-content=""><!> <!></div> <!> <!>', 1), Fe = /* @__PURE__ */ template('<li aria-atomic="true" role="status" data-sonner-toast=""><!> <!></li>');
 function Toast(e2, t2) {
   const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]);
   push(t2, false);
-  const [i2, o2] = setup_stores(), $heights = () => store_get(y2, "$heights", i2), $effect = () => store_get(get$1(Q2), "$effect", i2), s2 = mutable_state(void 0, true), a2 = mutable_state(void 0, true), l2 = mutable_state(void 0, true), c2 = mutable_state(void 0, true), u2 = mutable_state(void 0, true), d2 = mutable_state(void 0, true), f2 = mutable_state(void 0, true), p2 = mutable_state(void 0, true), _2 = mutable_state(void 0, true), v2 = mutable_state(void 0, true), g2 = mutable_state(void 0, true), h2 = mutable_state(void 0, true), m2 = {
+  const [o2, i2] = setup_stores(), $heights = () => store_get(y2, "$heights", o2), $effect = () => store_get(get$1(Q2), "$effect", o2), s2 = mutable_state(void 0, true), a2 = mutable_state(void 0, true), l2 = mutable_state(void 0, true), c2 = mutable_state(void 0, true), u2 = mutable_state(void 0, true), d2 = mutable_state(void 0, true), f2 = mutable_state(void 0, true), p2 = mutable_state(void 0, true), _2 = mutable_state(void 0, true), g2 = mutable_state(void 0, true), v2 = mutable_state(void 0, true), h2 = mutable_state(void 0, true), m2 = {
     toast: "",
     title: "",
     description: "",
@@ -2642,21 +2642,21 @@ function Toast(e2, t2) {
     default: "",
     info: "",
     loading: ""
-  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = je;
-  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), T2 = prop(t2, "position", 9), I2 = prop(t2, "visibleToasts", 9), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), O2 = prop(t2, "interacting", 9), j2 = prop(t2, "cancelButtonStyle", 9, ""), E2 = prop(t2, "actionButtonStyle", 9, ""), N2 = prop(t2, "duration", 9, 4e3), B2 = prop(t2, "descriptionClass", 9, ""), D2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), F2 = mutable_state(false, true), G2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Z2 = null;
+  }, { toasts: b2, heights: y2, removeHeight: $2, setHeight: w2, remove: x2 } = Oe;
+  let k2 = prop(t2, "toast", 9), C2 = prop(t2, "index", 9), S2 = prop(t2, "expanded", 9), M2 = prop(t2, "invert", 13), I2 = prop(t2, "position", 9), T2 = prop(t2, "visibleToasts", 9), q2 = prop(t2, "expandByDefault", 9), P2 = prop(t2, "closeButton", 9), D2 = prop(t2, "interacting", 9), O2 = prop(t2, "cancelButtonStyle", 9, ""), j2 = prop(t2, "actionButtonStyle", 9, ""), E2 = prop(t2, "duration", 9, 4e3), N2 = prop(t2, "descriptionClass", 9, ""), B2 = prop(t2, "classes", 29, () => ({})), A2 = prop(t2, "unstyled", 9, false), W2 = mutable_state(false, true), z2 = mutable_state(false, true), L2 = mutable_state(false, true), G2 = mutable_state(false, true), F2 = mutable_state(0, true), H2 = mutable_state(0, true), R2 = mutable_state(void 0, true), V2 = mutable_state(0, true), K2 = 0, U2 = 0, Y2 = null;
   function deleteToast() {
     set(z2, true), // Save the offset for the exit swipe animation
-    set(G2, get$1(V2)), $2(k2().id), setTimeout(() => {
+    set(F2, get$1(V2)), $2(k2().id), setTimeout(() => {
       x2(k2().id);
     }, 200);
   }
-  let J2 = mutable_state(void 0, true), Y2 = mutable_state(k2().duration || N2() || 4e3, true);
+  let Z2 = mutable_state(void 0, true), J2 = mutable_state(k2().duration || E2() || 4e3, true);
   function startTimer() {
     K2 = (/* @__PURE__ */ new Date()).getTime(), // Let the toast know it has started
-    set(J2, setTimeout(() => {
+    set(Z2, setTimeout(() => {
       var _a2, _b2;
       (_b2 = (_a2 = k2()).onAutoClose) == null ? void 0 : _b2.call(_a2, k2()), deleteToast();
-    }, get$1(Y2)));
+    }, get$1(J2)));
   }
   let Q2 = mutable_state(void 0, true);
   onMount(() => {
@@ -2666,15 +2666,15 @@ function Toast(e2, t2) {
       toastId: k2().id,
       height: e3
     }), () => $2(k2().id);
-  }), legacy_pre_effect(() => deep_read_state(D2()), () => {
-    D2({
+  }), legacy_pre_effect(() => deep_read_state(B2()), () => {
+    B2({
       ...m2,
-      ...D2()
+      ...B2()
     });
   }), legacy_pre_effect(() => deep_read_state(C2()), () => {
     set(s2, 0 === C2());
-  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(I2())), () => {
-    set(a2, C2() + 1 <= I2());
+  }), legacy_pre_effect(() => (deep_read_state(C2()), deep_read_state(T2())), () => {
+    set(a2, C2() + 1 <= T2());
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     set(l2, k2().title);
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
@@ -2687,47 +2687,47 @@ function Toast(e2, t2) {
     set(f2, k2().descriptionClass || "");
   }), legacy_pre_effect(() => ($heights(), deep_read_state(k2())), () => {
     set(p2, $heights().findIndex((e3) => e3.toastId === k2().id) || 0);
-  }), legacy_pre_effect(() => deep_read_state(T2()), () => {
-    set(_2, T2().split("-"));
+  }), legacy_pre_effect(() => deep_read_state(I2()), () => {
+    set(_2, I2().split("-"));
   }), legacy_pre_effect(() => ($heights(), get$1(p2)), () => {
-    set(v2, $heights().reduce((e3, t3, n3) => (
+    set(g2, $heights().reduce((e3, t3, n3) => (
       // Calculate offset up untill current  toast
       n3 >= get$1(p2) ? e3 : e3 + t3.height
     ), 0));
   }), legacy_pre_effect(() => (deep_read_state(M2()), deep_read_state(k2())), () => {
     M2(k2().invert || M2());
   }), legacy_pre_effect(() => get$1(u2), () => {
-    set(g2, "loading" === get$1(u2));
-  }), legacy_pre_effect(() => (get$1(p2), get$1(v2)), () => {
-    set(V2, Math.round(14 * get$1(p2) + get$1(v2)));
+    set(v2, "loading" === get$1(u2));
+  }), legacy_pre_effect(() => (get$1(p2), get$1(g2)), () => {
+    set(V2, Math.round(14 * get$1(p2) + get$1(g2)));
   }), legacy_pre_effect(() => (get$1(l2), get$1(c2)), () => {
     get$1(l2), get$1(c2), // Listen to height changes
     async function updateHeights() {
       if (!get$1(W2)) return;
       let e3;
       await tick(), e3 = S2() || q2() ? 1 : 1 - 0.05 * C2(), get$1(R2).style.setProperty("height", "auto");
-      const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, i3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
-      let o3;
+      const t3 = get$1(R2).offsetHeight, n3 = get$1(R2).getBoundingClientRect().height, o3 = Math.round(100 * (n3 / e3 + Number.EPSILON)) / 100;
+      let i3;
       get$1(R2).style.removeProperty("height"), // Use scaledRectHeight as it's more precise
-      o3 = Math.abs(i3 - t3) < 1 ? i3 : t3, set(H2, o3), w2({
+      i3 = Math.abs(o3 - t3) < 1 ? o3 : t3, set(H2, i3), w2({
         toastId: k2().id,
-        height: o3
+        height: i3
       });
     }();
-  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(J2), deep_read_state(N2())), () => {
+  }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(Z2), deep_read_state(E2())), () => {
     k2().updated && // if the toast has been updated after the initial render,
     // we want to reset the timer and set the remaining time to the
     // new duration
-    (clearTimeout(get$1(J2)), set(Y2, k2().duration || N2() || 4e3), startTimer());
+    (clearTimeout(get$1(Z2)), set(J2, k2().duration || E2() || 4e3), startTimer());
   }), legacy_pre_effect(() => (deep_read_state(k2()), get$1(u2)), () => {
     set(h2, k2().promise && "loading" === get$1(u2) || k2().duration === Number.POSITIVE_INFINITY);
-  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(O2()), get$1(J2)), () => {
+  }), legacy_pre_effect(() => (get$1(h2), deep_read_state(S2()), deep_read_state(D2()), get$1(Z2)), () => {
     var e3;
     !function store_unsub(e4, t3, n3) {
-      let i3 = n3[t3];
-      return i3 && i3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
-      (i3.unsubscribe(), i3.unsubscribe = noop), e4;
-    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || O2() ? (
+      let o3 = n3[t3];
+      return o3 && o3.store !== e4 && // Don't reset store yet, so that store_get above can resubscribe to new store if necessary
+      (o3.unsubscribe(), o3.unsubscribe = noop), e4;
+    }(set(Q2, (e3 = () => (get$1(h2) || (S2() || D2() ? (
       // If toast's duration changes, it will be out of sync with the
       // remainingAtTimeout, so we know we need to restart the timer
       // with the new duration
@@ -2735,31 +2735,31 @@ function Toast(e2, t2) {
       function pauseTimer() {
         if (U2 < K2) {
           const e4 = (/* @__PURE__ */ new Date()).getTime() - K2;
-          set(Y2, get$1(Y2) - e4);
+          set(J2, get$1(J2) - e4);
         }
         U2 = (/* @__PURE__ */ new Date()).getTime();
       }()
-    ) : startTimer()), () => clearTimeout(get$1(J2))), {
+    ) : startTimer()), () => clearTimeout(get$1(Z2))), {
       subscribe: e3
-    })), "$effect", i2);
+    })), "$effect", o2);
   }), legacy_pre_effect(() => $effect(), () => {
     $effect();
   }), legacy_pre_effect(() => deep_read_state(k2()), () => {
     k2().delete && deleteToast();
   }), legacy_pre_effect_reset(), init(true);
-  var ee2 = Ge();
+  var ee2 = Fe();
   let te2;
   set_attribute(ee2, "tabindex", 0);
   var ne2 = child(ee2), consequent = (e3) => {
-    var t3 = Be();
+    var t3 = Ne();
     template_effect((e4) => {
-      set_attribute(t3, "data-disabled", get$1(g2)), set_class(t3, 1, e4);
+      set_attribute(t3, "data-disabled", get$1(v2)), set_class(t3, 1, e4);
     }, [() => {
       var _a2, _b2, _c2;
-      return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.closeButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.closeButton));
+      return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.closeButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.closeButton));
     }], derived_safe_equal), event("click", t3, function(...e4) {
       var _a2;
-      (_a2 = get$1(g2) ? void 0 : () => {
+      (_a2 = get$1(v2) ? void 0 : () => {
         var _a3, _b2;
         deleteToast(), (_b2 = (_a3 = k2()).onDismiss) == null ? void 0 : _b2.call(_a3, k2());
       }) == null ? void 0 : _a2.apply(this, e4);
@@ -2778,15 +2778,15 @@ function Toast(e2, t2) {
       }));
     }), append(e3, t3);
   }, alternate = (e3) => {
-    var n3 = Fe(), i3 = first_child(n3), consequent_8 = (e4) => {
-      var n4 = De(), i4 = child(n4), consequent_2 = (e5) => {
+    var n3 = Ge(), o3 = first_child(n3), consequent_8 = (e4) => {
+      var n4 = Be(), o4 = child(n4), consequent_2 = (e5) => {
         var n5 = comment();
         slot(first_child(n5), t2, "loading-icon", {}, null), append(e5, n5);
       };
-      if_block(i4, (e5) => {
+      if_block(o4, (e5) => {
         !k2().promise && "loading" !== get$1(u2) || k2().icon || e5(consequent_2);
       });
-      var o4 = sibling(i4, 2), consequent_3 = (e5) => {
+      var i4 = sibling(o4, 2), consequent_3 = (e5) => {
         var t3 = comment();
         component(first_child(t3), () => k2().icon, (e6, t4) => {
           t4(e6, {});
@@ -2824,14 +2824,14 @@ function Toast(e2, t2) {
           "success" === get$1(u2) ? e6(consequent_4) : e6(alternate_2, false);
         }, n5);
       };
-      if_block(o4, (e5) => {
+      if_block(i4, (e5) => {
         k2().icon ? e5(consequent_3) : e5(alternate_1, false);
       }), append(e4, n4);
     };
-    if_block(i3, (e4) => {
+    if_block(o3, (e4) => {
       ("default" !== get$1(u2) || k2().icon || k2().promise) && e4(consequent_8);
     });
-    var o3 = sibling(i3, 2), s3 = child(o3), consequent_10 = (e4) => {
+    var i3 = sibling(o3, 2), s3 = child(i3), consequent_10 = (e4) => {
       var t3 = Ae(), n4 = child(t3), consequent_9 = (e5) => {
         var t4 = comment();
         component(first_child(t4), () => k2().title, (e6, t5) => {
@@ -2845,7 +2845,7 @@ function Toast(e2, t2) {
         "string" != typeof k2().title ? e5(consequent_9) : e5(alternate_5, false);
       }), template_effect((e5) => set_class(t3, 1, e5), [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.title, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.title));
+        return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.title, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.title));
       }], derived_safe_equal), append(e4, t3);
     };
     if_block(s3, (e4) => {
@@ -2865,19 +2865,19 @@ function Toast(e2, t2) {
         "string" != typeof k2().description ? e5(consequent_11) : e5(alternate_6, false);
       }), template_effect((e5) => set_class(t3, 1, e5), [() => {
         var _a2, _b2;
-        return clsx(cn(B2(), get$1(f2), (_a2 = D2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
+        return clsx(cn(N2(), get$1(f2), (_a2 = B2()) == null ? void 0 : _a2.description, (_b2 = k2().classes) == null ? void 0 : _b2.description));
       }], derived_safe_equal), append(e4, t3);
     };
     if_block(a3, (e4) => {
       k2().description && e4(consequent_12);
     });
-    var l3 = sibling(o3, 2), consequent_13 = (e4) => {
+    var l3 = sibling(i3, 2), consequent_13 = (e4) => {
       var t3 = ze(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, j2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
+        set_style(t3, O2()), set_class(t3, 1, e5), set_text(n4, k2().cancel.label);
       }, [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
+        return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.cancelButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.cancelButton));
       }], derived_safe_equal), event("click", t3, () => {
         var _a2;
         deleteToast(), ((_a2 = k2().cancel) == null ? void 0 : _a2.onClick) && k2().cancel.onClick();
@@ -2889,10 +2889,10 @@ function Toast(e2, t2) {
     var c3 = sibling(l3, 2), consequent_14 = (e4) => {
       var t3 = Le(), n4 = child(t3);
       template_effect((e5) => {
-        set_style(t3, E2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
+        set_style(t3, j2()), set_class(t3, 1, e5), set_text(n4, k2().action.label);
       }, [() => {
         var _a2, _b2, _c2;
-        return clsx(cn((_a2 = D2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
+        return clsx(cn((_a2 = B2()) == null ? void 0 : _a2.actionButton, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.actionButton));
       }], derived_safe_equal), event("click", t3, (e5) => {
         var _a2;
         (_a2 = k2().action) == null ? void 0 : _a2.onClick(e5), e5.defaultPrevented || deleteToast();
@@ -2904,71 +2904,71 @@ function Toast(e2, t2) {
   };
   if_block(re2, (e3) => {
     k2().component ? e3(consequent_1) : e3(alternate, false);
-  }), bind_this(ee2, (e3) => set(R2, e3), () => get$1(R2)), template_effect((e3, t3, o3) => {
+  }), bind_this(ee2, (e3) => set(R2, e3), () => get$1(R2)), template_effect((e3, t3, i3) => {
     var _a2;
-    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, e3), set_attribute(ee2, "data-styled", !(k2().component || ((_a2 = k2()) == null ? void 0 : _a2.unstyled) || A2())), set_attribute(ee2, "data-mounted", get$1(W2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(z2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(s2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", M2()), set_attribute(ee2, "data-swipe-out", get$1(F2)), set_attribute(ee2, "data-expanded", o3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
+    set_attribute(ee2, "aria-live", k2().important ? "assertive" : "polite"), set_class(ee2, 1, e3), set_attribute(ee2, "data-styled", !(k2().component || ((_a2 = k2()) == null ? void 0 : _a2.unstyled) || A2())), set_attribute(ee2, "data-mounted", get$1(W2)), set_attribute(ee2, "data-promise", t3), set_attribute(ee2, "data-removed", get$1(z2)), set_attribute(ee2, "data-visible", get$1(a2)), set_attribute(ee2, "data-y-position", get$1(_2)[0]), set_attribute(ee2, "data-x-position", get$1(_2)[1]), set_attribute(ee2, "data-index", C2()), set_attribute(ee2, "data-front", get$1(s2)), set_attribute(ee2, "data-swiping", get$1(L2)), set_attribute(ee2, "data-type", get$1(u2)), set_attribute(ee2, "data-invert", M2()), set_attribute(ee2, "data-swipe-out", get$1(G2)), set_attribute(ee2, "data-expanded", i3), te2 = set_style(ee2, `${n2.style} ${k2().style}`, te2, {
       "--index": C2(),
       "--toasts-before": C2(),
-      "--z-index": store_get(b2, "$toasts", i2).length - C2(),
-      "--offset": `${get$1(z2) ? get$1(G2) : get$1(V2)}px`,
+      "--z-index": store_get(b2, "$toasts", o2).length - C2(),
+      "--offset": `${get$1(z2) ? get$1(F2) : get$1(V2)}px`,
       "--initial-height": `${get$1(H2)}px`
     });
   }, [() => {
     var _a2, _b2, _c2, _d, _e2, _f;
-    return clsx(cn(n2.class, get$1(d2), (_a2 = D2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = D2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e2 = k2()) == null ? void 0 : _e2.classes) == null ? void 0 : _f[get$1(u2)]));
+    return clsx(cn(n2.class, get$1(d2), (_a2 = B2()) == null ? void 0 : _a2.toast, (_c2 = (_b2 = k2()) == null ? void 0 : _b2.classes) == null ? void 0 : _c2.toast, (_d = B2()) == null ? void 0 : _d[get$1(u2)], (_f = (_e2 = k2()) == null ? void 0 : _e2.classes) == null ? void 0 : _f[get$1(u2)]));
   }, () => Boolean(k2().promise), () => Boolean(S2() || q2() && get$1(W2))], derived_safe_equal), event("pointerdown", ee2, function onPointerDown(e3) {
-    if (get$1(g2)) return;
-    set(G2, get$1(V2));
+    if (get$1(v2)) return;
+    set(F2, get$1(V2));
     const t3 = e3.target;
-    t3.setPointerCapture(e3.pointerId), "BUTTON" !== t3.tagName && (set(L2, true), Z2 = {
+    t3.setPointerCapture(e3.pointerId), "BUTTON" !== t3.tagName && (set(L2, true), Y2 = {
       x: e3.clientX,
       y: e3.clientY
     });
   }), event("pointerup", ee2, function onPointerUp() {
     var _a2, _b2, _c2;
-    if (get$1(F2)) return;
-    Z2 = null;
+    if (get$1(G2)) return;
+    Y2 = null;
     const e3 = Number(((_a2 = get$1(R2)) == null ? void 0 : _a2.style.getPropertyValue("--swipe-amount").replace("px", "")) || 0);
-    if (Math.abs(e3) >= 20) return set(G2, get$1(V2)), (_c2 = (_b2 = k2()).onDismiss) == null ? void 0 : _c2.call(_b2, k2()), deleteToast(), void set(F2, true);
+    if (Math.abs(e3) >= 20) return set(F2, get$1(V2)), (_c2 = (_b2 = k2()).onDismiss) == null ? void 0 : _c2.call(_b2, k2()), deleteToast(), void set(G2, true);
     get$1(R2).style.setProperty("--swipe-amount", "0px"), set(L2, false);
   }), event("pointermove", ee2, function onPointerMove(e3) {
-    if (!Z2) return;
-    const t3 = e3.clientY - Z2.y, n3 = e3.clientX - Z2.x, i3 = ("top" === get$1(_2)[0] ? Math.min : Math.max)(0, t3), o3 = "touch" === e3.pointerType ? 10 : 2;
-    Math.abs(i3) > o3 ? get$1(R2).style.setProperty("--swipe-amount", `${t3}px`) : Math.abs(n3) > o3 && // User is swiping in wrong direction so we disable swipe gesture
+    if (!Y2) return;
+    const t3 = e3.clientY - Y2.y, n3 = e3.clientX - Y2.x, o3 = ("top" === get$1(_2)[0] ? Math.min : Math.max)(0, t3), i3 = "touch" === e3.pointerType ? 10 : 2;
+    Math.abs(o3) > i3 ? get$1(R2).style.setProperty("--swipe-amount", `${t3}px`) : Math.abs(n3) > i3 && // User is swiping in wrong direction so we disable swipe gesture
     // for the current pointer down interaction
-    (Z2 = null);
-  }), append(e2, ee2), pop(), o2();
+    (Y2 = null);
+  }), append(e2, ee2), pop(), i2();
 }
 var He = /* @__PURE__ */ template("<ol></ol>"), Re = /* @__PURE__ */ template('<section class="svelte-1fo5d1m"></section>');
 function Toaster(e2, t2) {
-  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), i2 = legacy_rest_props(n2, ["invert", "theme", "position", "hotkey", "containerAriaLabel", "richColors", "expand", "duration", "visibleToasts", "closeButton", "toastOptions", "offset", "dir"]);
+  const n2 = legacy_rest_props(t2, ["children", "$$slots", "$$events", "$$legacy"]), o2 = legacy_rest_props(n2, ["invert", "theme", "position", "hotkey", "containerAriaLabel", "richColors", "expand", "duration", "visibleToasts", "closeButton", "toastOptions", "offset", "dir"]);
   push(t2, false);
-  const [o2, s2] = setup_stores(), $toasts = () => store_get(k2, "$toasts", o2), a2 = mutable_state(), l2 = mutable_state(), c2 = "dark", u2 = "light";
+  const [i2, s2] = setup_stores(), $toasts = () => store_get(k2, "$toasts", i2), a2 = mutable_state(), l2 = mutable_state(), c2 = "dark", u2 = "light";
   function getDocumentDirection() {
     if ("undefined" == typeof window) return "ltr";
     if ("undefined" == typeof document) return "ltr";
     const e3 = document.documentElement.getAttribute("dir");
     return "auto" !== e3 && e3 ? e3 : window.getComputedStyle(document.documentElement).direction;
   }
-  let d2 = prop(t2, "invert", 8, false), f2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), _2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), v2 = prop(t2, "containerAriaLabel", 8, "Notifications"), g2 = prop(t2, "richColors", 8, false), h2 = prop(t2, "expand", 8, false), m2 = prop(t2, "duration", 8, 4e3), b2 = prop(t2, "visibleToasts", 8, 3), y2 = prop(t2, "closeButton", 8, false), $2 = prop(t2, "toastOptions", 24, () => ({})), w2 = prop(t2, "offset", 8, null), x2 = prop(t2, "dir", 24, getDocumentDirection);
-  const { toasts: k2, heights: C2, reset: S2 } = je;
-  let M2 = mutable_state(false), I2 = mutable_state(false), q2 = mutable_state(function getInitialTheme(e3) {
+  let d2 = prop(t2, "invert", 8, false), f2 = prop(t2, "theme", 8, "light"), p2 = prop(t2, "position", 8, "bottom-right"), _2 = prop(t2, "hotkey", 24, () => ["altKey", "KeyT"]), g2 = prop(t2, "containerAriaLabel", 8, "Notifications"), v2 = prop(t2, "richColors", 8, false), h2 = prop(t2, "expand", 8, false), m2 = prop(t2, "duration", 8, 4e3), b2 = prop(t2, "visibleToasts", 8, 3), y2 = prop(t2, "closeButton", 8, false), $2 = prop(t2, "toastOptions", 24, () => ({})), w2 = prop(t2, "offset", 8, null), x2 = prop(t2, "dir", 24, getDocumentDirection);
+  const { toasts: k2, heights: C2, reset: S2 } = Oe;
+  let M2 = mutable_state(false), T2 = mutable_state(false), q2 = mutable_state(function getInitialTheme(e3) {
     return "system" !== e3 ? e3 : "undefined" != typeof window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? c2 : u2;
-  }(f2())), P2 = mutable_state(), O2 = null, j2 = false;
+  }(f2())), P2 = mutable_state(), D2 = null, O2 = false;
   function handleBlur(e3) {
-    j2 && !e3.currentTarget.contains(e3.relatedTarget) && (j2 = false, O2 && (O2.focus({
+    O2 && !e3.currentTarget.contains(e3.relatedTarget) && (O2 = false, D2 && (D2.focus({
       preventScroll: true
-    }), O2 = null));
+    }), D2 = null));
   }
   function handleFocus(e3) {
-    j2 || (j2 = true, O2 = e3.relatedTarget);
+    O2 || (O2 = true, D2 = e3.relatedTarget);
   }
   !function onDestroy(e3) {
-    null === T && lifecycle_outside_component(), onMount(() => () => untrack(e3));
+    null === I && lifecycle_outside_component(), onMount(() => () => untrack(e3));
   }(() => {
-    get$1(P2) && O2 && (O2.focus({
+    get$1(P2) && D2 && (D2.focus({
       preventScroll: true
-    }), O2 = null, j2 = false);
+    }), D2 = null, O2 = false);
   }), onMount(() => {
     S2();
     const handleKeydown = (e3) => {
@@ -3015,12 +3015,12 @@ function Toaster(e2, t2) {
       );
     }
   }), legacy_pre_effect_reset(), init();
-  var E2 = comment(), N2 = first_child(E2), consequent = (e3) => {
+  var j2 = comment(), E2 = first_child(j2), consequent = (e3) => {
     var s3 = Re();
     set_attribute(s3, "tabindex", -1), each(s3, 5, () => get$1(a2), index, (e4, s4, a3, l3) => {
       var c3 = He();
       let u3;
-      each(c3, 7, () => $toasts().filter((e5) => !e5.position && 0 === a3 || e5.position === get$1(s4)), (e5) => e5.id, (e5, n3, i3, o3) => {
+      each(c3, 7, () => $toasts().filter((e5) => !e5.position && 0 === a3 || e5.position === get$1(s4)), (e5) => e5.id, (e5, n3, o3, i3) => {
         const a4 = /* @__PURE__ */ derived_safe_equal(() => {
           var _a2;
           return ((_a2 = $2()) == null ? void 0 : _a2.actionButtonStyle) || "";
@@ -3039,7 +3039,7 @@ function Toaster(e2, t2) {
         }), _3 = /* @__PURE__ */ derived_safe_equal(() => $2().unstyled || false);
         Toast(e5, {
           get index() {
-            return get$1(i3);
+            return get$1(o3);
           },
           get toast() {
             return get$1(n3);
@@ -3054,7 +3054,7 @@ function Toaster(e2, t2) {
             return y2();
           },
           get interacting() {
-            return get$1(I2);
+            return get$1(T2);
           },
           get position() {
             return get$1(s4);
@@ -3087,48 +3087,48 @@ function Toaster(e2, t2) {
             return get$1(_3);
           },
           $$slots: {
-            "loading-icon": (e6, i4) => {
-              var o4 = comment();
-              slot(first_child(o4), t2, "loading-icon", {}, (e7) => {
+            "loading-icon": (e6, o4) => {
+              var i4 = comment();
+              slot(first_child(i4), t2, "loading-icon", {}, (e7) => {
                 const t3 = /* @__PURE__ */ derived_safe_equal(() => "loading" === get$1(n3).type);
                 Loader(e7, {
                   get visible() {
                     return get$1(t3);
                   }
                 });
-              }), append(e6, o4);
+              }), append(e6, i4);
             },
             "success-icon": (e6, n4) => {
-              var i4 = comment();
-              slot(first_child(i4), t2, "success-icon", {}, (e7) => {
+              var o4 = comment();
+              slot(first_child(o4), t2, "success-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "success"
                 });
-              }), append(e6, i4);
+              }), append(e6, o4);
             },
             "error-icon": (e6, n4) => {
-              var i4 = comment();
-              slot(first_child(i4), t2, "error-icon", {}, (e7) => {
+              var o4 = comment();
+              slot(first_child(o4), t2, "error-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "error"
                 });
-              }), append(e6, i4);
+              }), append(e6, o4);
             },
             "warning-icon": (e6, n4) => {
-              var i4 = comment();
-              slot(first_child(i4), t2, "warning-icon", {}, (e7) => {
+              var o4 = comment();
+              slot(first_child(o4), t2, "warning-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "warning"
                 });
-              }), append(e6, i4);
+              }), append(e6, o4);
             },
             "info-icon": (e6, n4) => {
-              var i4 = comment();
-              slot(first_child(i4), t2, "info-icon", {}, (e7) => {
+              var o4 = comment();
+              slot(first_child(o4), t2, "info-icon", {}, (e7) => {
                 Icon(e7, {
                   type: "info"
                 });
-              }), append(e6, i4);
+              }), append(e6, o4);
             }
           }
         });
@@ -3139,27 +3139,27 @@ function Toaster(e2, t2) {
           class: n2.class,
           "data-sonner-toaster": true,
           "data-theme": get$1(q2),
-          "data-rich-colors": g2(),
+          "data-rich-colors": v2(),
           dir: e5,
           "data-y-position": t3,
           "data-x-position": s5,
           style: n2.style,
-          ...i2,
+          ...o2,
           [fe]: {
-            "--front-toast-height": `${(_a2 = store_get(C2, "$heights", o2)[0]) == null ? void 0 : _a2.height}px`,
+            "--front-toast-height": `${(_a2 = store_get(C2, "$heights", i2)[0]) == null ? void 0 : _a2.height}px`,
             "--offset": "number" == typeof w2() ? `${w2()}px` : w2() || "32px",
             "--width": "356px",
             "--gap": "14px"
           }
         }, "svelte-1fo5d1m"), c3.dir = c3.dir;
       }, [() => "auto" === x2() ? getDocumentDirection() : x2(), () => get$1(s4).split("-")[0], () => get$1(s4).split("-")[1]], derived_safe_equal), event("blur", c3, handleBlur), event("focus", c3, handleFocus), event("mouseenter", c3, () => set(M2, true)), event("mousemove", c3, () => set(M2, true)), event("mouseleave", c3, () => {
-        get$1(I2) || set(M2, false);
-      }), event("pointerdown", c3, () => set(I2, true)), event("pointerup", c3, () => set(I2, false)), append(e4, c3);
-    }), template_effect(() => set_attribute(s3, "aria-label", `${v2()} ${get$1(l2)}`)), append(e3, s3);
+        get$1(T2) || set(M2, false);
+      }), event("pointerdown", c3, () => set(T2, true)), event("pointerup", c3, () => set(T2, false)), append(e4, c3);
+    }), template_effect(() => set_attribute(s3, "aria-label", `${g2()} ${get$1(l2)}`)), append(e3, s3);
   };
-  if_block(N2, (e3) => {
+  if_block(E2, (e3) => {
     $toasts().length > 0 && e3(consequent);
-  }), append(e2, E2), pop(), s2();
+  }), append(e2, j2), pop(), s2();
 }
 const Ve = writable(false), Ke = writable("https://sdk.playlight.dev");
 function handleClick(e2, t2, n2) {
@@ -3170,36 +3170,36 @@ function playGame(e2, t2) {
   var _a2;
   e2.stopPropagation(), e2.preventDefault(), (_a2 = t2.onClick) == null ? void 0 : _a2.call(t2, t2.game.id), window.open("https://" + t2.game.domain, "_blank", "noopener");
 }
-var Ue = /* @__PURE__ */ template('<div><p class="text-primary font-bold uppercase">New</p></div>'), Ze = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), Je = /* @__PURE__ */ template("<button>Play</button>"), Xe = /* @__PURE__ */ template('<div class="bg-background/75 text-foreground absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden backdrop-blur-xl"><div class="hide-scrollbar h-full w-full overflow-y-auto p-3 svelte-rulnq9"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <div class="fade-mask bg-background/75 pointer-events-none absolute right-0 bottom-0 left-0 h-8 svelte-rulnq9"></div></div>'), Ye = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <!> <img alt="game logo" loading="eager"></div>');
+var Ue = /* @__PURE__ */ template('<div><p class="text-primary font-bold uppercase">New</p></div>'), Ye = /* @__PURE__ */ template('<video playsinline="" loop preload="auto"></video>', 2), Ze = /* @__PURE__ */ template("<button>Play</button>"), Je = /* @__PURE__ */ template('<div class="bg-background/75 text-foreground absolute right-0 bottom-0 left-0 z-11 flex max-h-1/3 flex-col overflow-hidden backdrop-blur-xl"><div class="hide-scrollbar h-full w-full overflow-y-auto p-3 svelte-rulnq9"><h3 class="mb-2 truncate text-center text-lg font-bold"> </h3> <p class="text-muted-foreground mb-4 text-center text-sm text-balance"> </p></div> <div class="fade-mask bg-background/75 pointer-events-none absolute right-0 bottom-0 left-0 h-8 svelte-rulnq9"></div></div>'), Xe = /* @__PURE__ */ template('<div role="button" tabindex="0"><!> <!> <img alt="cover" loading="eager"> <!> <!> <img alt="game logo" loading="eager"></div>');
 function GameCard(e2, t2) {
   push(t2, true);
-  const [n2, i2] = setup_stores();
-  let o2 = state(false), s2 = state(void 0), a2 = state(false), l2 = state(false), c2 = state(false), u2 = state(false), d2 = state(void 0);
+  const [n2, o2] = setup_stores();
+  let i2 = state(false), s2 = state(void 0), a2 = state(false), l2 = state(false), c2 = state(false), u2 = state(false), d2 = state(void 0);
   function handleMouseEnter() {
-    get$1(o2) || get$1(u2) || function playSound(e3, t3 = 1) {
+    get$1(i2) || get$1(u2) || function playSound(e3, t3 = 1) {
       try {
         const n3 = new Audio(e3);
         n3.volume = t3, n3.play();
       } catch (e4) {
         console.error("Error playing sound:", e4);
       }
-    }(store_get(Ke, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(o2, true), get$1(s2) && t2.game.cover_video_url && get$1(s2).play().catch((e3) => console.error("Video play error:", e3));
+    }(store_get(Ke, "$projectUrl", n2) + "/static/sounds/hover-selection.ogg", 0.25), set(i2, true), get$1(s2) && t2.game.cover_video_url && get$1(s2).play().catch((e3) => console.error("Video play error:", e3));
   }
   function handleMouseLeave() {
-    get$1(u2) || (set(o2, false), get$1(s2) && get$1(a2) && get$1(s2).pause());
+    get$1(u2) || (set(i2, false), get$1(s2) && get$1(a2) && get$1(s2).pause());
   }
   user_effect(() => {
     set(u2, "ontouchstart" in window);
   });
-  var f2 = Ye();
-  event("touchstart", I, () => set(u2, true), void 0, true), event("touchstart", q, function handleDocumentTouch(e3) {
-    get$1(d2) && !get$1(d2).contains(e3.target) && set(o2, false);
+  var f2 = Xe();
+  event("touchstart", T, () => set(u2, true), void 0, true), event("touchstart", q, function handleDocumentTouch(e3) {
+    get$1(d2) && !get$1(d2).contains(e3.target) && set(i2, false);
   }, void 0, true), f2.__touchstart = handleMouseEnter, f2.__click = [handleClick, u2, t2];
   var p2 = child(f2), consequent = (e3) => {
     var t3 = Ue();
     let n3;
-    template_effect((e4) => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-13 px-2 py-0.5 transition-opacity", null, n3, e4), [() => ({
-      "opacity-0": get$1(o2)
+    template_effect((e4) => n3 = set_class(t3, 1, "bg-background absolute top-4 right-4 z-13 px-2 py-0.5 transition-opacity select-none", null, n3, e4), [() => ({
+      "opacity-0": get$1(i2)
     })]), append(e3, t3);
   };
   if_block(p2, (e3) => {
@@ -3210,12 +3210,12 @@ function GameCard(e2, t2) {
     })((_a2 = t2.game) == null ? void 0 : _a2.created_at) && e3(consequent);
   });
   var _2 = sibling(p2, 2), consequent_1 = (e3) => {
-    var n3 = Ze();
-    let i3;
+    var n3 = Ye();
+    let o3;
     n3.muted = true, bind_this(n3, (e4) => set(s2, e4), () => get$1(s2)), template_effect((e4) => {
-      set_attribute(n3, "src", t2.game.cover_video_url), i3 = set_class(n3, 1, "absolute top-0 left-0 z-5 h-full w-full object-cover opacity-0", null, i3, e4);
+      set_attribute(n3, "src", t2.game.cover_video_url), o3 = set_class(n3, 1, "absolute top-0 left-0 z-5 h-full w-full object-cover opacity-0", null, o3, e4);
     }, [() => ({
-      "opacity-100": get$1(o2) && get$1(a2) && t2.game.cover_video_url
+      "opacity-100": get$1(i2) && get$1(a2) && t2.game.cover_video_url
     })]), event("loadeddata", n3, () => {
       set(a2, true);
     }), append(e3, n3);
@@ -3223,40 +3223,40 @@ function GameCard(e2, t2) {
   if_block(_2, (e3) => {
     t2.game.cover_video_url && e3(consequent_1);
   });
-  var v2 = sibling(_2, 2);
-  let g2;
-  var h2 = sibling(v2, 2), consequent_2 = (e3) => {
-    var n3 = Je();
-    let i3;
-    n3.__click = [playGame, t2], template_effect((e4) => i3 = set_class(n3, 1, "bg-foreground text-background hover:bg-foreground/90 absolute right-4 bottom-4 z-15 flex items-center justify-center rounded-sm px-3 py-1 font-bold uppercase transition-all", null, i3, e4), [() => ({
-      "opacity-0": get$1(o2)
+  var g2 = sibling(_2, 2);
+  let v2;
+  var h2 = sibling(g2, 2), consequent_2 = (e3) => {
+    var n3 = Ze();
+    let o3;
+    n3.__click = [playGame, t2], template_effect((e4) => o3 = set_class(n3, 1, "bg-foreground text-background hover:bg-foreground/90 absolute right-4 bottom-4 z-15 flex items-center justify-center rounded-sm px-3 py-1 font-bold uppercase transition-all", null, o3, e4), [() => ({
+      "opacity-0": get$1(i2)
     })]), append(e3, n3);
   };
   if_block(h2, (e3) => {
     get$1(u2) && e3(consequent_2);
   });
   var m2 = sibling(h2, 2), consequent_3 = (e3) => {
-    var n3 = Xe(), i3 = child(n3), o3 = child(i3), s3 = child(o3), a3 = child(sibling(o3, 2));
+    var n3 = Je(), o3 = child(n3), i3 = child(o3), s3 = child(i3), a3 = child(sibling(i3, 2));
     template_effect(() => {
       set_text(s3, t2.game.name), set_text(a3, t2.game.description || "No description.");
     }), transition(3, n3, () => slide), append(e3, n3);
   };
   if_block(m2, (e3) => {
-    get$1(o2) && e3(consequent_3);
+    get$1(i2) && e3(consequent_3);
   });
   var b2 = sibling(m2, 2);
   let y2;
   bind_this(f2, (e3) => set(d2, e3), () => get$1(d2)), template_effect((e3, n3) => {
-    set_class(f2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 lg:h-3/7 ${(get$1(l2) ? "" : "animate-pulse") ?? ""}`, "svelte-rulnq9"), set_attribute(v2, "src", t2.game.cover_image_url), g2 = set_class(v2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-rulnq9", null, g2, e3), set_attribute(b2, "src", t2.game.logo_url), y2 = set_class(b2, 1, "absolute right-0 -bottom-[18%] left-0 z-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 prevent-image-select svelte-rulnq9", null, y2, n3);
+    set_class(f2, 1, `bg-background highlight-border group relative mt-5 mb-[calc(3dvh+1.5vw)] flex aspect-[2/3] h-1/2 max-h-[75vh] min-h-92 cursor-pointer flex-col shadow-xl transition hover:outline-2 lg:h-3/7 ${(get$1(l2) ? "" : "animate-pulse") ?? ""}`, "svelte-rulnq9"), set_attribute(g2, "src", t2.game.cover_image_url), v2 = set_class(g2, 1, "prevent-image-select absolute top-0 left-0 z-10 h-full w-full object-cover opacity-0 transition svelte-rulnq9", null, v2, e3), set_attribute(b2, "src", t2.game.logo_url), y2 = set_class(b2, 1, "absolute right-0 -bottom-[18%] left-0 z-12 mx-auto aspect-square w-1/5 rounded-full object-center opacity-0 transition group-hover:outline-2 prevent-image-select svelte-rulnq9", null, y2, n3);
   }, [() => ({
-    "opacity-100": get$1(l2) && (!get$1(o2) || !get$1(a2) || !t2.game.cover_video_url)
+    "opacity-100": get$1(l2) && (!get$1(i2) || !get$1(a2) || !t2.game.cover_video_url)
   }), () => ({
     "opacity-100": get$1(c2)
-  })]), event("mouseenter", f2, handleMouseEnter), event("focus", f2, handleMouseEnter), event("mouseleave", f2, handleMouseLeave), event("blur", f2, handleMouseLeave), event("load", v2, () => {
+  })]), event("mouseenter", f2, handleMouseEnter), event("focus", f2, handleMouseEnter), event("mouseleave", f2, handleMouseLeave), event("blur", f2, handleMouseLeave), event("load", g2, () => {
     set(l2, true);
   }), event("load", b2, () => {
     set(c2, true);
-  }), append(e2, f2), pop(), i2();
+  }), append(e2, f2), pop(), o2();
 }
 delegate(["touchstart", "click"]);
 const Qe = new (_b = class {
@@ -3266,26 +3266,26 @@ const Qe = new (_b = class {
   }
   async request(e2, t2 = {}) {
     try {
-      const n2 = `${this.baseUrl}${e2}`, i2 = await fetch(n2, {
+      const n2 = `${this.baseUrl}${e2}`, o2 = await fetch(n2, {
         ...t2,
         headers: {
           "Content-Type": "application/json",
           ...t2.headers
         }
       });
-      if (!i2.ok) {
+      if (!o2.ok) {
         let e3;
         try {
-          e3 = await i2.json();
+          e3 = await o2.json();
         } catch {
         } finally {
-          if (429 !== i2.status && 404 !== i2.status) throw new Error(`API request failed: ${(e3 == null ? void 0 : e3.error) || (e3 == null ? void 0 : e3.message) || i2.status}`);
-          return 429 === i2.status ? console.warn("Playlight request didn't go through due to rate limiting.") : console.warn("Playlight game not found. This is normal in a test / local environment, but should not appear in production.");
+          if (429 !== o2.status && 404 !== o2.status) throw new Error(`API request failed: ${(e3 == null ? void 0 : e3.error) || (e3 == null ? void 0 : e3.message) || o2.status}`);
+          return 429 === o2.status ? console.warn("Playlight request didn't go through due to rate limiting.") : console.warn("Playlight game not found. This is normal in a test / local environment, but should not appear in production.");
         }
       }
-      return await i2.json();
+      return await o2.json();
     } catch (e3) {
-      Ne.error("Error: " + e3), console.error("Playlight API error:", e3);
+      Ee.error("Error: " + e3), console.error("Playlight API error:", e3);
     }
   }
   // Get all categories
@@ -3303,9 +3303,9 @@ const Qe = new (_b = class {
   async getCurrentGameInfo() {
     if (this.currentGame) return this.currentGame;
     let e2 = "/game-by-domain/" + __privateMethod(this, _PlayLightAPI_instances, e_fn).call(this);
-    return this.currentGame = await this.request(e2), {
+    return this.currentGame = await this.request(e2), this.currentGame ? {
       ...this.currentGame
-    };
+    } : void 0;
   }
   // Track discovery overlay open
   async trackOpen() {
@@ -3328,6 +3328,13 @@ const Qe = new (_b = class {
       })
     });
   }
+  // Like or unlike a game (pass gameId and true to like, false to unlike)
+  async toggleLike(e2, t2 = true) {
+    const n2 = t2 ? "like" : "unlike", o2 = await this.request(`/rating/${e2}/${n2}`, {
+      method: "POST"
+    });
+    return (o2 == null ? void 0 : o2.success) || false;
+  }
 }, _PlayLightAPI_instances = new WeakSet(), e_fn = function() {
   const e2 = window.location.hostname;
   return e2.startsWith("www.") ? e2.substring(4) : e2;
@@ -3339,8 +3346,8 @@ function cubicOut(e2) {
 function elasticOut(e2) {
   return Math.sin(-13 * (e2 + 1) * Math.PI / 2) * Math.pow(2, -10 * e2) + 1;
 }
-function flip(e2, { from: t2, to: n2 }, i2 = {}) {
-  var { delay: o2 = 0, duration: s2 = (e3) => 120 * Math.sqrt(e3), easing: a2 = cubicOut } = i2, l2 = getComputedStyle(e2), c2 = "none" === l2.transform ? "" : l2.transform, [u2, d2] = l2.transformOrigin.split(" ").map(parseFloat);
+function flip(e2, { from: t2, to: n2 }, o2 = {}) {
+  var { delay: i2 = 0, duration: s2 = (e3) => 120 * Math.sqrt(e3), easing: a2 = cubicOut } = o2, l2 = getComputedStyle(e2), c2 = "none" === l2.transform ? "" : l2.transform, [u2, d2] = l2.transformOrigin.split(" ").map(parseFloat);
   u2 /= e2.clientWidth, d2 /= e2.clientHeight;
   var f2 = (
     /**
@@ -3354,9 +3361,9 @@ function flip(e2, { from: t2, to: n2 }, i2 = {}) {
       t3.parentElement;
       return n3;
     }(e2)
-  ), p2 = e2.clientWidth / n2.width / f2, _2 = e2.clientHeight / n2.height / f2, v2 = t2.left + t2.width * u2, g2 = t2.top + t2.height * d2, h2 = n2.left + n2.width * u2, m2 = n2.top + n2.height * d2, b2 = (v2 - h2) * p2, y2 = (g2 - m2) * _2, $2 = t2.width / n2.width, w2 = t2.height / n2.height;
+  ), p2 = e2.clientWidth / n2.width / f2, _2 = e2.clientHeight / n2.height / f2, g2 = t2.left + t2.width * u2, v2 = t2.top + t2.height * d2, h2 = n2.left + n2.width * u2, m2 = n2.top + n2.height * d2, b2 = (g2 - h2) * p2, y2 = (v2 - m2) * _2, $2 = t2.width / n2.width, w2 = t2.height / n2.height;
   return {
-    delay: o2,
+    delay: i2,
     duration: "function" == typeof s2 ? s2(Math.sqrt(b2 * b2 + y2 * y2)) : s2,
     easing: a2,
     css: (e3, t3) => `transform: ${c2} translate(${t3 * b2}px, ${t3 * y2}px) scale(${e3 + t3 * $2}, ${e3 + t3 * w2});`
@@ -3364,12 +3371,12 @@ function flip(e2, { from: t2, to: n2 }, i2 = {}) {
 }
 var on_click$1 = (e2, t2, n2) => {
   set(t2, ""), set(n2, !get$1(n2));
-}, et = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), tt = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, i2) => {
-  t2(n2), set(i2, false);
-}, nt = /* @__PURE__ */ template("<button> </button>"), rt = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), it = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), ot = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-black transition hover:rotate-5"><span class="truncate max-w-[40vw] text-2xl font-bold text-black lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
+}, et = /* @__PURE__ */ template('<div class="text-muted-foreground animate-pulse p-4 text-center">Loading...</div>'), tt = /* @__PURE__ */ template('<div class="text-muted-foreground p-4 text-center">No categories found.</div>'), on_click_1$1 = (e2, t2, n2, o2) => {
+  t2(n2), set(o2, false);
+}, nt = /* @__PURE__ */ template("<button> </button>"), rt = /* @__PURE__ */ template('<div class="space-y-1 p-1"></div>'), ot = /* @__PURE__ */ template('<div class="bg-background/85 fixed left-1/2 z-50 mt-24 w-30 w-full max-w-xs -translate-x-1/2 transform border shadow-lg backdrop-blur-xl"><div class="border-b p-3"><div class="relative"><div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-1"><!></div> <input type="text" placeholder="Search categories..." class="w-full border-0 p-1 pl-10 text-white focus:ring-0 focus:outline-none"></div></div> <div class="max-h-60 overflow-y-auto"><!></div></div>'), it = /* @__PURE__ */ template('<div class="flex w-full flex-col py-2"><h1 class="mb-0! py-2 text-center text-2xl font-bold text-white drop-shadow-xl lg:text-4xl"><span> </span> <button class="group mx-1 inline-flex cursor-pointer items-center bg-white px-3 py-1 text-background transition hover:rotate-5"><span class="truncate max-w-[40vw] text-2xl font-bold text-background lg:text-4xl"> </span> <!></button> <span>games?</span></h1> <!></div>');
 function Navigation(e2, t2) {
   push(t2, true);
-  let n2, i2 = prop(t2, "categories", 19, () => []), o2 = prop(t2, "selectedCategory", 15), s2 = state(false), a2 = /* @__PURE__ */ derived(() => o2() || (i2().length > 0 ? i2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = /* @__PURE__ */ derived(() => get$1(l2) ? i2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : i2());
+  let n2, o2 = prop(t2, "categories", 19, () => []), i2 = prop(t2, "selectedCategory", 15), s2 = state(false), a2 = /* @__PURE__ */ derived(() => i2() || (o2().length > 0 ? o2()[0] : "...")), l2 = state(""), c2 = state(void 0), u2 = /* @__PURE__ */ derived(() => get$1(l2) ? o2().filter((e3) => e3.toLowerCase().includes(get$1(l2).toLowerCase())) : o2());
   const d2 = ["Looking for", "Interested in", "Searching for", "Fancy some", "What about these"];
   let f2, p2 = state(proxy(d2[0]));
   onMount(function updateRandomPhrase() {
@@ -3377,11 +3384,11 @@ function Navigation(e2, t2) {
     for (e3 = Math.floor(Math.random() * (d2 == null ? void 0 : d2.length)); e3 == f2; ) e3 = Math.floor(Math.random() * (d2 == null ? void 0 : d2.length));
     set(p2, proxy(d2[e3])), f2 = e3;
   });
-  var _2 = ot();
+  var _2 = it();
   event("click", q, function handleClickOutside(e3) {
     get$1(c2) && !get$1(c2).contains(e3.target) && n2 && !n2.contains(e3.target) && set(s2, false);
   });
-  var v2 = child(_2), g2 = child(v2), h2 = child(g2), m2 = sibling(g2, 2);
+  var g2 = child(_2), v2 = child(g2), h2 = child(v2), m2 = sibling(v2, 2);
   m2.__click = [on_click$1, l2, s2];
   var b2 = child(m2), y2 = child(b2), $2 = sibling(b2, 2);
   const w2 = /* @__PURE__ */ derived(() => get$1(s2) ? "rotate-180 transform" : "");
@@ -3394,8 +3401,8 @@ function Navigation(e2, t2) {
         d: "m6 9 6 6 6-6"
       }]],
       children: (e4, n4) => {
-        var i3 = comment();
-        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
+        var o3 = comment();
+        slot(first_child(o3), t3, "default", {}, null), append(e4, o3);
       },
       $$slots: {
         default: true
@@ -3405,11 +3412,11 @@ function Navigation(e2, t2) {
     size: 25,
     strokeWidth: 3,
     get class() {
-      return `mt-1 ml-1 text-black ${get$1(w2) ?? ""} transition-transform duration-200`;
+      return `mt-1 ml-1 text-background ${get$1(w2) ?? ""} transition-transform duration-200`;
     }
   }), bind_this(m2, (e3) => n2 = e3, () => n2);
-  var x2 = sibling(v2, 2), consequent_2 = (e3) => {
-    var t3 = it(), n3 = child(t3), a3 = child(n3), d3 = child(a3);
+  var x2 = sibling(g2, 2), consequent_2 = (e3) => {
+    var t3 = ot(), n3 = child(t3), a3 = child(n3), d3 = child(a3);
     !function Search(e4, t4) {
       const n4 = legacy_rest_props(t4, ["children", "$$slots", "$$events", "$$legacy"]);
       Icon$1(e4, spread_props({
@@ -3423,8 +3430,8 @@ function Navigation(e2, t2) {
           d: "m21 21-4.3-4.3"
         }]],
         children: (e5, n5) => {
-          var i3 = comment();
-          slot(first_child(i3), t4, "default", {}, null), append(e5, i3);
+          var o3 = comment();
+          slot(first_child(o3), t4, "default", {}, null), append(e5, o3);
         },
         $$slots: {
           default: true
@@ -3444,25 +3451,25 @@ function Navigation(e2, t2) {
         var t5 = rt();
         each(t5, 28, () => get$1(u2), (e6) => e6, (e6, t6) => {
           var n4 = nt();
-          n4.__click = [on_click_1$1, o2, t6, s2];
-          var i3 = child(n4);
+          n4.__click = [on_click_1$1, i2, t6, s2];
+          var o3 = child(n4);
           template_effect(() => {
-            set_class(n4, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(o2() != t6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(o2() == t6 ? "bg-white text-black" : "text-white") ?? ""}`), set_text(i3, t6);
+            set_class(n4, 1, `w-full cursor-pointer px-4 py-2 text-left transition-colors ${(i2() != t6 ? "hover:bg-muted-foreground/20" : "") ?? ""} ${(i2() == t6 ? "bg-white text-background" : "text-white") ?? ""}`), set_text(o3, t6);
           }), function animation(e7, t7, n5) {
-            var i4, o3, s3, a4 = (
+            var o4, i3, s3, a4 = (
               /** @type {EachItem} */
               ce
             ), l3 = null;
             a4.a ?? (a4.a = {
               element: e7,
               measure() {
-                i4 = this.element.getBoundingClientRect();
+                o4 = this.element.getBoundingClientRect();
               },
               apply() {
-                if (s3 == null ? void 0 : s3.abort(), o3 = this.element.getBoundingClientRect(), i4.left !== o3.left || i4.right !== o3.right || i4.top !== o3.top || i4.bottom !== o3.bottom) {
+                if (s3 == null ? void 0 : s3.abort(), i3 = this.element.getBoundingClientRect(), o4.left !== i3.left || o4.right !== i3.right || o4.top !== i3.top || o4.bottom !== i3.bottom) {
                   const e8 = t7()(this.element, {
-                    from: i4,
-                    to: o3
+                    from: o4,
+                    to: i3
                   }, n5 == null ? void 0 : n5());
                   s3 = animate(this.element, e8, void 0, 1, () => {
                     s3 == null ? void 0 : s3.abort(), s3 = void 0;
@@ -3471,7 +3478,7 @@ function Navigation(e2, t2) {
               },
               fix() {
                 if (!e7.getAnimations().length) {
-                  var { position: t8, width: n6, height: o4 } = getComputedStyle(e7);
+                  var { position: t8, width: n6, height: i4 } = getComputedStyle(e7);
                   if ("absolute" !== t8 && "fixed" !== t8) {
                     var s4 = (
                       /** @type {HTMLElement | SVGElement} */
@@ -3482,10 +3489,10 @@ function Navigation(e2, t2) {
                       width: s4.width,
                       height: s4.height,
                       transform: s4.transform
-                    }, s4.position = "absolute", s4.width = n6, s4.height = o4;
+                    }, s4.position = "absolute", s4.width = n6, s4.height = i4;
                     var a5 = e7.getBoundingClientRect();
-                    if (i4.left !== a5.left || i4.top !== a5.top) {
-                      var c3 = `translate(${i4.left - a5.left}px, ${i4.top - a5.top}px)`;
+                    if (o4.left !== a5.left || o4.top !== a5.top) {
+                      var c3 = `translate(${o4.left - a5.left}px, ${o4.top - a5.top}px)`;
                       s4.transform = s4.transform ? `${s4.transform} ${c3}` : c3;
                     }
                   }
@@ -3515,12 +3522,12 @@ function Navigation(e2, t2) {
       }, t4);
     };
     if_block(p3, (e4) => {
-      0 === i2().length ? e4(consequent) : e4(alternate, false);
+      0 === o2().length ? e4(consequent) : e4(alternate, false);
     }), bind_this(t3, (e4) => set(c2, e4), () => get$1(c2)), function bind_value(e4, t4, n4 = t4) {
-      var i3 = is_runes();
-      listen_to_event_and_reset_event(e4, "input", (o3) => {
-        var s3 = o3 ? e4.defaultValue : e4.value;
-        if (s3 = is_numberlike_input(e4) ? to_number(s3) : s3, n4(s3), i3 && s3 !== (s3 = t4())) {
+      var o3 = is_runes();
+      listen_to_event_and_reset_event(e4, "input", (i3) => {
+        var s3 = i3 ? e4.defaultValue : e4.value;
+        if (s3 = is_numberlike_input(e4) ? to_number(s3) : s3, n4(s3), o3 && s3 !== (s3 = t4())) {
           var a4 = e4.selectionStart, l3 = e4.selectionEnd;
           e4.value = s3 ?? "", // Restore selection
           null !== l3 && (e4.selectionStart = a4, e4.selectionEnd = Math.min(l3, e4.value.length));
@@ -3551,62 +3558,167 @@ function Navigation(e2, t2) {
   })), append(e2, _2), pop();
 }
 delegate(["click"]);
-var st = /* @__PURE__ */ template('<div class="-mx-10 mt-5 flex h-1/2 max-h-[75vh] min-h-92 w-10 flex-col lg:h-3/7"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between py-6"><div class="bg-muted-foreground min-[1920px]:h-1/4 h-1/5 w-px"></div> <div class="text-muted-foreground origin-center -rotate-90 transform text-sm whitespace-nowrap">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
+var st = /* @__PURE__ */ template('<div class="-mx-10 mt-5 flex h-1/2 max-h-[75vh] min-h-92 w-10 flex-col lg:h-3/7"><div class="flex h-full items-center justify-center"><div class="flex h-full w-full flex-col items-center justify-between py-6"><div class="bg-muted-foreground min-[1920px]:h-1/4 h-1/5 w-px"></div> <div class="text-muted-foreground origin-center -rotate-90 transform text-sm whitespace-nowrap select-none">From other categories</div> <div class="bg-muted-foreground h-1/5 w-px min-[1920px]:h-1/4"></div></div></div></div>');
+function restore(e2, t2, n2, o2, i2, s2) {
+  set(t2, false), set(n2, true), set(o2, 250), set(i2, 0), s2(250, 0, 250, (e3, t3, n3) => {
+    set(o2, e3 * (1 - n3)), set(i2, proxy(n3));
+  });
+}
+async function toggleLike(e2, t2, n2, o2) {
+  var _a2;
+  if (!((_a2 = t2.currentGame) == null ? void 0 : _a2.id)) return;
+  const i2 = !get$1(n2);
+  set(n2, !get$1(n2)), set(o2, get$1(o2) + (i2 ? 1 : -1)), // Save to localStorage
+  i2 ? localStorage.setItem(`playlight_${t2.currentGame.id}_liked`, "true") : localStorage.removeItem(`playlight_${t2.currentGame.id}_liked`);
+  await Qe.toggleLike(t2.currentGame.id, i2) || set(o2, get$1(o2) + (i2 ? -1 : 1));
+}
+var at = /* @__PURE__ */ template('<div class="bg-background/85 fixed bottom-4 left-4 z-2 flex touch-none flex-wrap items-center gap-1 border-1 p-4 text-start shadow-lg backdrop-blur-lg max-sm:right-4 sm:w-72" role="button" tabindex="0" aria-label="Currently playing game"><div class="w-full"><p class="text-muted-foreground text-sm select-none">Currently playing</p></div> <div class="flex w-full items-center gap-2"><img alt="current game logo"> <p class="text-foreground max-w-2/3 truncate text-lg font-bold"> </p> <div class="mt-0.5 ml-auto flex items-center gap-2"><p class="text-muted-foreground text-sm"> </p> <button class="text-muted-foreground cursor-pointer transition hover:text-white"><!></button></div></div></div>'), lt = /* @__PURE__ */ template('<button class="bg-background/85 hover:bg-background/95 fixed bottom-0 z-3 rounded-t-md border px-4 py-1.5 shadow-md backdrop-blur-sm transition max-sm:right-4 max-sm:left-4 sm:left-4 sm:w-72" aria-label="Show currently playing game"><div class="bg-muted-foreground mx-auto h-px w-16"></div></button>'), ct = /* @__PURE__ */ template("<!> <!>", 1);
+function CurrentGameDisplay(e2, t2) {
+  var _a2;
+  push(t2, true);
+  let n2 = state(false), o2 = state(true), i2 = state(false), s2 = state(0), a2 = state(1), l2 = state(false), c2 = state(false), u2 = state(proxy(((_a2 = t2.currentGame) == null ? void 0 : _a2.likes) || 0)), d2 = 0;
+  function startDrag(e3) {
+    set(l2, true), d2 = e3.type.includes("touch") ? e3.touches[0].clientY : e3.clientY;
+  }
+  function drag(e3) {
+    if (!get$1(l2)) return;
+    const t3 = e3.type.includes("touch") ? e3.touches[0].clientY : e3.clientY, n3 = Math.max(0, t3 - d2);
+    set(s2, proxy(n3)), set(a2, proxy(Math.max(0, 1 - n3 / 150))), n3 > 40 && function hide() {
+      set(l2, false), animate2(get$1(s2), 250, 250, (e4, t4, n4) => {
+        set(s2, e4 + (t4 - e4) * n4), set(a2, proxy(Math.max(0, 1 - 1.5 * n4))), 1 === n4 && (set(o2, false), set(i2, true));
+      });
+    }();
+  }
+  function endDrag() {
+    get$1(l2) && (set(l2, false), get$1(s2) < 40 && function animateBack() {
+      animate2(get$1(s2), 0, 250, (e3, t3, n3) => {
+        set(s2, e3 * (1 - n3)), set(a2, 1);
+      });
+    }());
+  }
+  function animate2(e3, t3, n3, o3) {
+    const i3 = Date.now();
+    !function frame() {
+      const s3 = Math.min((Date.now() - i3) / n3, 1);
+      o3(e3, t3, s3), s3 < 1 && requestAnimationFrame(frame);
+    }();
+  }
+  user_effect(() => {
+    var _a3, _b2;
+    ((_a3 = t2.currentGame) == null ? void 0 : _a3.id) && (set(c2, null !== localStorage.getItem(`playlight_${t2.currentGame.id}_liked`)), set(u2, proxy(((_b2 = t2.currentGame) == null ? void 0 : _b2.likes) || 0)));
+  });
+  var f2 = ct(), p2 = first_child(f2), consequent = (e3) => {
+    var o3 = at();
+    o3.__mousedown = startDrag, o3.__mousemove = drag, o3.__mouseup = endDrag, o3.__touchstart = startDrag, o3.__touchmove = drag, o3.__touchend = endDrag;
+    var i3 = sibling(child(o3), 2), l3 = child(i3);
+    let d3;
+    var f3 = sibling(l3, 2), p3 = child(f3), _3 = child(sibling(f3, 2)), g2 = child(_3), v2 = sibling(_3, 2);
+    v2.__click = [toggleLike, t2, c2, u2];
+    var h2 = child(v2);
+    const m2 = /* @__PURE__ */ derived(() => get$1(c2) ? "currentColor" : "none");
+    !function Thumbs_up(e4, t3) {
+      const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
+      Icon$1(e4, spread_props({
+        name: "thumbs-up"
+      }, () => n3, {
+        iconNode: [["path", {
+          d: "M7 10v12"
+        }], ["path", {
+          d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"
+        }]],
+        children: (e5, n4) => {
+          var o4 = comment();
+          slot(first_child(o4), t3, "default", {}, null), append(e5, o4);
+        },
+        $$slots: {
+          default: true
+        }
+      }));
+    }(h2, {
+      size: 18,
+      strokeWidth: 2.5,
+      get fill() {
+        return get$1(m2);
+      },
+      style: "margin-top: -5px;"
+    }), template_effect((e4) => {
+      var _a3, _b2;
+      set_style(o3, `transform: translateY(${get$1(s2) ?? ""}px); opacity: ${get$1(a2) ?? ""}; cursor: grab;`), set_attribute(l3, "src", (_a3 = t2.currentGame) == null ? void 0 : _a3.logo_url), d3 = set_class(l3, 1, "bg-muted h-5 w-5 select-none", null, d3, e4), set_text(p3, ((_b2 = t2.currentGame) == null ? void 0 : _b2.name) || "Default name"), set_text(g2, get$1(u2)), set_style(v2, `color: ${(get$1(c2) ? "white !important" : "") ?? ""};`), set_attribute(v2, "aria-label", get$1(c2) ? "Unlike game" : "Like game");
+    }, [() => ({
+      "animate-pulse": !get$1(n2)
+    })]), event("mouseleave", o3, endDrag), event("load", l3, () => {
+      set(n2, true);
+    }), append(e3, o3);
+  };
+  if_block(p2, (e3) => {
+    t2.currentGame && get$1(o2) && e3(consequent);
+  });
+  var _2 = sibling(p2, 2), consequent_1 = (e3) => {
+    var t3 = lt();
+    t3.__mousedown = [restore, i2, o2, s2, a2, animate2], t3.__touchstart = [restore, i2, o2, s2, a2, animate2], transition(3, t3, () => fly, () => ({
+      delay: 150,
+      y: 30
+    })), append(e3, t3);
+  };
+  if_block(_2, (e3) => {
+    t2.currentGame && get$1(i2) && e3(consequent_1);
+  }), append(e2, f2), pop();
+}
+delegate(["mousedown", "mousemove", "mouseup", "touchstart", "touchmove", "touchend", "click"]);
 var on_click = (e2, t2) => {
   localStorage.getItem("playlight_exit_intent_disabled_by_user") ? localStorage.removeItem("playlight_exit_intent_disabled_by_user") : localStorage.setItem("playlight_exit_intent_disabled_by_user", true), set(t2, !get$1(t2));
-}, at = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ve, false), lt = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), ct = /* @__PURE__ */ template('<div class="text-muted-foreground flex h-4/5 items-center justify-center gap-4"><p>No games found that match the filter.</p></div>'), ut = /* @__PURE__ */ template("<!> <!>", 1), dt = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), ft = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-0 bottom-0 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Game Developer? Join Playlight <!></a></div></div>');
+}, ut = /* @__PURE__ */ template('<button class="cursor-pointer truncate text-sm text-nowrap opacity-50 transition hover:opacity-25 max-md:hidden"><p class="bg-background/50 text-primary p-1 px-2 text-sm"> </p></button>'), on_click_1 = (e2, t2) => store_set(Ve, false), dt = /* @__PURE__ */ template('<div class="flex h-4/5 items-center justify-center gap-4"><!></div>'), ft = /* @__PURE__ */ template('<div class="text-muted-foreground flex h-4/5 items-center justify-center gap-4"><p>No games found that match the filter.</p></div>'), pt = /* @__PURE__ */ template("<!> <!>", 1), _t = /* @__PURE__ */ template('<div class="mx-auto flex h-full flex-wrap content-start justify-center gap-10 lg:max-w-4/5"><!> <div class="flex h-10 w-full justify-center"><!></div></div>'), gt = /* @__PURE__ */ template('<div class="bg-background/75 fixed inset-0 top-0 right-0 bottom-0 left-0 z-99999 flex flex-col justify-center text-white backdrop-blur-md"><div class="ml-2 flex items-center justify-between p-4"><a href="https://playlight.dev" target="_blank"><img alt="logo" class="w-50"></a> <div class="mt-4 mr-2 flex items-center justify-evenly gap-8 overflow-hidden md:mr-4"><!> <button class="cursor-pointer text-white transition hover:opacity-50" aria-label="Close"><!></button></div></div> <div class="mx-auto p-2 px-5"><!></div> <!> <div class="mask-fade no-scrollbar relative h-full w-full overflow-y-auto p-4 svelte-12skmk8"><!></div> <div class="fixed right-4 bottom-4 flex items-center justify-between"><a href="https://playlight.dev" target="_blank" class="text-muted-foreground flex items-center gap-1 text-sm transition hover:text-white">Join Playlight <!></a></div></div>');
 function DiscoveryOverlay(e2, t2) {
   push(t2, true);
-  const [n2, i2] = setup_stores();
-  let o2, s2 = prop(t2, "showIntentToggle", 3, true), a2 = state(void 0), l2 = state(true), c2 = state(false), u2 = state(void 0), d2 = state(proxy([])), f2 = state(proxy([])), p2 = state(true), _2 = state(1), v2 = state(true), g2 = state(void 0), h2 = state(false);
+  const [n2, o2] = setup_stores();
+  let i2, s2 = prop(t2, "showIntentToggle", 3, true), a2 = state(true), l2 = state(void 0), c2 = state(true), u2 = state(false), d2 = state(void 0), f2 = state(proxy([])), p2 = state(proxy([])), _2 = state(1), g2 = state(true), v2 = state(void 0), h2 = state(false);
   async function fetchGames() {
-    if (!(get$1(l2) && get$1(_2) > 1 || get$1(c2))) try {
-      1 === get$1(_2) ? set(l2, true) : set(c2, true);
-      const e3 = get$1(h2) ? null : get$1(a2), t3 = await Qe.getSuggestions(e3, get$1(_2)), n3 = (t3 == null ? void 0 : t3.games) || [], i3 = n3.filter((e4) => !get$1(d2).some((t4) => t4.id === e4.id));
-      set(d2, proxy([...get$1(d2), ...i3])), n3.length < 10 ? !get$1(h2) && get$1(a2) ? (
+    if (!(get$1(c2) && get$1(_2) > 1 || get$1(u2))) try {
+      1 === get$1(_2) ? set(c2, true) : set(u2, true);
+      const e3 = get$1(h2) ? null : get$1(l2), t3 = await Qe.getSuggestions(e3, get$1(_2)), n3 = (t3 == null ? void 0 : t3.games) || [], o3 = n3.filter((e4) => !get$1(f2).some((t4) => t4.id === e4.id));
+      set(f2, proxy([...get$1(f2), ...o3])), n3.length < 10 ? !get$1(h2) && get$1(l2) ? (
         // Try with all games
         (set(h2, true), set(_2, 1), setTimeout(() => fetchGames(), 100))
-      ) : set(v2, false) : set(_2, get$1(_2) + 1);
+      ) : set(g2, false) : set(_2, get$1(_2) + 1);
     } catch (e3) {
-      console.error(e3), Ne.error("Failed to load games: " + e3);
+      console.error(e3), Ee.error("Failed to load games: " + e3);
     } finally {
-      set(l2, false), set(c2, false), // For Chrome: manually check if element is still in view and should trigger another load
-      get$1(v2) && get$1(g2) && setTimeout(() => {
-        const e3 = get$1(g2).getBoundingClientRect();
+      set(c2, false), set(u2, false), // For Chrome: manually check if element is still in view and should trigger another load
+      get$1(g2) && get$1(v2) && setTimeout(() => {
+        const e3 = get$1(v2).getBoundingClientRect();
         !(e3.top >= -200 && // Include rootMargin
         e3.left >= 0 && e3.bottom <= window.innerHeight + 200 && // Include rootMargin
-        e3.right <= window.innerWidth) || get$1(l2) || get$1(c2) || fetchGames();
+        e3.right <= window.innerWidth) || get$1(c2) || get$1(u2) || fetchGames();
       }, 150);
     }
   }
-  onMount(() => (set(p2, !Boolean(localStorage.getItem("playlight_exit_intent_disabled_by_user"))), // Setup scroll observer
-  o2 = new IntersectionObserver((e3) => {
-    e3[0].isIntersecting && get$1(v2) && !get$1(l2) && !get$1(c2) && fetchGames();
+  onMount(() => (set(a2, !Boolean(localStorage.getItem("playlight_exit_intent_disabled_by_user"))), // Setup scroll observer
+  i2 = new IntersectionObserver((e3) => {
+    e3[0].isIntersecting && get$1(g2) && !get$1(c2) && !get$1(u2) && fetchGames();
   }, {
     rootMargin: "200px"
-  }), () => o2 == null ? void 0 : o2.disconnect())), onMount(async () => {
-    const e3 = await Qe.getCurrentGameInfo();
-    set(u2, proxy(e3 == null ? void 0 : e3.category)), await async function fetchCategories() {
-      var _a2, _b2, _c2, _d;
-      set(f2, proxy(await Qe.getCategories())), !get$1(a2) && ((_a2 = get$1(f2)) == null ? void 0 : _a2.length) > 0 && set(a2, proxy(get$1(u2) && ((_b2 = get$1(f2)) == null ? void 0 : _b2.includes(get$1(u2))) ? get$1(u2) : (_d = get$1(f2)) == null ? void 0 : _d[((_c2 = get$1(f2)) == null ? void 0 : _c2.length) - 1]));
+  }), () => i2 == null ? void 0 : i2.disconnect())), onMount(async () => {
+    set(d2, proxy(await Qe.getCurrentGameInfo())), await async function fetchCategories() {
+      var _a2, _b2, _c2, _d, _e2, _f, _g;
+      set(p2, proxy(await Qe.getCategories())), !get$1(l2) && ((_a2 = get$1(p2)) == null ? void 0 : _a2.length) > 0 && set(l2, proxy(((_b2 = get$1(d2)) == null ? void 0 : _b2.category) && ((_d = get$1(p2)) == null ? void 0 : _d.includes((_c2 = get$1(d2)) == null ? void 0 : _c2.category)) ? (_e2 = get$1(d2)) == null ? void 0 : _e2.category : (_g = get$1(p2)) == null ? void 0 : _g[((_f = get$1(p2)) == null ? void 0 : _f.length) - 1]));
     }();
   }), user_effect(() => {
-    get$1(a2) && (set(d2, proxy([])), set(_2, 1), set(v2, true), set(h2, false), set(l2, true), // Delay fetch to prevent rapid requests
+    get$1(l2) && (set(f2, proxy([])), set(_2, 1), set(g2, true), set(h2, false), set(c2, true), // Delay fetch to prevent rapid requests
     setTimeout(async () => {
-      await fetchGames(), get$1(d2).length < 10 && await fetchGames();
+      await fetchGames(), get$1(f2).length < 10 && await fetchGames();
     }, 100));
   }), user_effect(() => {
-    get$1(g2) && o2 && o2.observe(get$1(g2));
+    get$1(v2) && i2 && i2.observe(get$1(v2));
   });
-  var m2 = ft();
+  var m2 = gt();
   event("keydown", q, (e3) => {
     "Escape" == e3.key && store_set(Ve, false);
   });
   var b2 = child(m2), y2 = child(b2), $2 = child(y2), w2 = child(sibling(y2, 2)), consequent = (e3) => {
-    var t3 = at();
-    t3.__click = [on_click, p2];
-    var n3 = child(t3), i3 = child(n3);
-    template_effect(() => set_text(i3, get$1(p2) ? "Ignore exit intent" : "Trigger on exit intent")), append(e3, t3);
+    var t3 = ut();
+    t3.__click = [on_click, a2];
+    var n3 = child(t3), o3 = child(n3);
+    template_effect(() => set_text(o3, get$1(a2) ? "Ignore exit intent" : "Trigger on exit intent")), append(e3, t3);
   };
   if_block(w2, (e3) => {
     s2() && e3(consequent);
@@ -3623,8 +3735,8 @@ function DiscoveryOverlay(e2, t2) {
         d: "m6 6 12 12"
       }]],
       children: (e4, n4) => {
-        var i3 = comment();
-        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
+        var o3 = comment();
+        slot(first_child(o3), t3, "default", {}, null), append(e4, o3);
       },
       $$slots: {
         default: true
@@ -3637,17 +3749,23 @@ function DiscoveryOverlay(e2, t2) {
   var k2 = sibling(b2, 2);
   Navigation(child(k2), {
     get categories() {
-      return get$1(f2);
+      return get$1(p2);
     },
     get selectedCategory() {
-      return get$1(a2);
+      return get$1(l2);
     },
     set selectedCategory(e3) {
-      set(a2, proxy(e3));
+      set(l2, proxy(e3));
     }
   });
-  var C2 = sibling(k2, 2), S2 = child(C2), consequent_1 = (e3) => {
-    var t3 = lt();
+  var C2 = sibling(k2, 2);
+  CurrentGameDisplay(C2, {
+    get currentGame() {
+      return get$1(d2);
+    }
+  });
+  var S2 = sibling(C2, 2), M2 = child(S2), consequent_1 = (e3) => {
+    var t3 = dt();
     Loader_circle(child(t3), {
       class: "animate-spin opacity-75",
       size: 50,
@@ -3655,45 +3773,45 @@ function DiscoveryOverlay(e2, t2) {
     }), append(e3, t3);
   }, alternate = (e3, t3) => {
     var consequent_2 = (e4) => {
-      append(e4, ct());
+      append(e4, ft());
     }, alternate_1 = (e4) => {
-      var t4 = dt(), n3 = child(t4);
-      each(n3, 17, () => get$1(d2), index, (e5, t5, n4) => {
-        var i4 = ut();
-        const o4 = /* @__PURE__ */ derived(() => get$1(d2).findIndex((e6) => e6.category !== get$1(a2)));
-        var s3 = first_child(i4), consequent_3 = (e6) => {
+      var t4 = _t(), n3 = child(t4);
+      each(n3, 17, () => get$1(f2), index, (e5, t5, n4) => {
+        var o4 = pt();
+        const i4 = /* @__PURE__ */ derived(() => get$1(f2).findIndex((e6) => e6.category !== get$1(l2)));
+        var s3 = first_child(o4), consequent_3 = (e6) => {
           !function GameCategorySeperator(e7) {
             append(e7, st());
           }(e6);
         };
         if_block(s3, (e6) => {
-          n4 == get$1(o4) && e6(consequent_3);
+          n4 == get$1(i4) && e6(consequent_3);
         }), GameCard(sibling(s3, 2), {
           get game() {
             return get$1(t5);
           },
           onClick: () => Qe.trackClick(get$1(t5).id)
-        }), append(e5, i4);
+        }), append(e5, o4);
       });
-      var i3 = sibling(n3, 2), o3 = child(i3), consequent_4 = (e5) => {
+      var o3 = sibling(n3, 2), i3 = child(o3), consequent_4 = (e5) => {
         Loader_circle(e5, {
           class: "animate-spin opacity-75",
           size: 30,
           strokeWidth: 2.5
         });
       };
-      if_block(o3, (e5) => {
-        get$1(c2) && e5(consequent_4);
-      }), bind_this(i3, (e5) => set(g2, e5), () => get$1(g2)), append(e4, t4);
+      if_block(i3, (e5) => {
+        get$1(u2) && e5(consequent_4);
+      }), bind_this(o3, (e5) => set(v2, e5), () => get$1(v2)), append(e4, t4);
     };
     if_block(e3, (e4) => {
-      0 !== get$1(d2).length || get$1(l2) ? e4(alternate_1, false) : e4(consequent_2);
+      0 !== get$1(f2).length || get$1(c2) ? e4(alternate_1, false) : e4(consequent_2);
     }, t3);
   };
-  if_block(S2, (e3) => {
-    get$1(l2) && 0 === get$1(d2).length ? e3(consequent_1) : e3(alternate, false);
+  if_block(M2, (e3) => {
+    get$1(c2) && 0 === get$1(f2).length ? e3(consequent_1) : e3(alternate, false);
   });
-  var M2 = child(sibling(C2, 2));
+  var I2 = child(sibling(S2, 2));
   !function External_link(e3, t3) {
     const n3 = legacy_rest_props(t3, ["children", "$$slots", "$$events", "$$legacy"]);
     Icon$1(e3, spread_props({
@@ -3707,35 +3825,35 @@ function DiscoveryOverlay(e2, t2) {
         d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
       }]],
       children: (e4, n4) => {
-        var i3 = comment();
-        slot(first_child(i3), t3, "default", {}, null), append(e4, i3);
+        var o3 = comment();
+        slot(first_child(o3), t3, "default", {}, null), append(e4, o3);
       },
       $$slots: {
         default: true
       }
     }));
-  }(sibling(child(M2)), {
+  }(sibling(child(I2)), {
     size: 14
   }), template_effect(() => set_attribute($2, "src", store_get(Ke, "$projectUrl", n2) + "/static/images/logo-white-small.png")), transition(3, m2, () => blur, () => ({
     duration: 250
-  })), append(e2, m2), pop(), i2();
+  })), append(e2, m2), pop(), o2();
 }
 delegate(["click"]);
-var pt = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-2"></div>  <div class="fixed top-2 right-0 left-0 h-2"></div>', 1);
+var vt = /* @__PURE__ */ template('<div class="fixed top-0 right-0 left-0 h-2"></div>  <div class="fixed top-2 right-0 left-0 h-2"></div>', 1);
 delegate(["mouseover"]);
-var _t = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
+var ht = /* @__PURE__ */ template("<!> <!> <!> <!>", 1);
 function App(e2, t2) {
   var _a2, _b2, _c2, _d;
   push(t2, true);
-  const [n2, i2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2);
-  let o2 = proxy((_b2 = (_a2 = t2.config) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position), s2 = proxy((_d = (_c2 = t2.config) == null ? void 0 : _c2.button) == null ? void 0 : _d.visible);
+  const [n2, o2] = setup_stores(), $discoveryOpen = () => store_get(Ve, "$discoveryOpen", n2);
+  let i2 = proxy((_b2 = (_a2 = t2.config) == null ? void 0 : _a2.button) == null ? void 0 : _b2.position), s2 = proxy((_d = (_c2 = t2.config) == null ? void 0 : _c2.button) == null ? void 0 : _d.visible);
   function openDiscovery() {
     store_set(Ve, true), Qe.trackOpen();
   }
-  var a2 = _t(), l2 = first_child(a2);
+  var a2 = ht(), l2 = first_child(a2);
   FloatingButton(l2, {
     get position() {
-      return o2;
+      return i2;
     },
     get visible() {
       return s2;
@@ -3763,15 +3881,15 @@ function App(e2, t2) {
   });
   !function ExitIntentDetector(e3, t3) {
     push(t3, true);
-    let n3 = prop(t3, "enabled", 3, true), i3 = null, o3 = 0;
-    var s3 = pt(), a3 = first_child(s3);
+    let n3 = prop(t3, "enabled", 3, true), o3 = null, i3 = 0;
+    var s3 = vt(), a3 = first_child(s3);
     a3.__mouseover = // Time threshold in milliseconds between bar triggers
     function handleTopBarTrigger() {
       var _a3;
       const e4 = Date.now();
-      "bottom" === i3 && e4 - o3 < 500 && n3() && !localStorage.getItem("playlight_exit_intent_disabled_by_user") && ((_a3 = t3.onIntent) == null ? void 0 : _a3.call(t3)), i3 = "top", o3 = e4;
+      "bottom" === o3 && e4 - i3 < 500 && n3() && !localStorage.getItem("playlight_exit_intent_disabled_by_user") && ((_a3 = t3.onIntent) == null ? void 0 : _a3.call(t3)), o3 = "top", i3 = e4;
     }, sibling(a3, 2).__mouseover = function handleBottomBarTrigger() {
-      i3 = "bottom", o3 = Date.now();
+      o3 = "bottom", i3 = Date.now();
     }, append(e3, s3), pop();
   }(u2, {
     get enabled() {
@@ -3780,9 +3898,9 @@ function App(e2, t2) {
     onIntent: () => {
       $discoveryOpen() || openDiscovery();
     }
-  }), Toaster(sibling(u2, 2), {}), append(e2, a2), pop(), i2();
+  }), Toaster(sibling(u2, 2), {}), append(e2, a2), pop(), o2();
 }
-const vt = {
+const mt = {
   button: {
     position: "bottom-right",
     visible: true
@@ -3791,28 +3909,28 @@ const vt = {
     enabled: true
   }
 };
-let gt = {
-  ...vt
+let bt = {
+  ...mt
 };
 function initializeConfig(e2 = {}) {
-  return gt = deepMerge(vt, e2), gt;
+  return bt = deepMerge(mt, e2), bt;
 }
 function deepMerge(e2, t2) {
   const n2 = {
     ...e2
   };
-  return isObject(e2) && isObject(t2) && Object.keys(t2).forEach((i2) => {
-    isObject(t2[i2]) ? i2 in e2 ? n2[i2] = deepMerge(e2[i2], t2[i2]) : Object.assign(n2, {
-      [i2]: t2[i2]
+  return isObject(e2) && isObject(t2) && Object.keys(t2).forEach((o2) => {
+    isObject(t2[o2]) ? o2 in e2 ? n2[o2] = deepMerge(e2[o2], t2[o2]) : Object.assign(n2, {
+      [o2]: t2[o2]
     }) : Object.assign(n2, {
-      [i2]: t2[i2]
+      [o2]: t2[o2]
     });
   }), n2;
 }
 function isObject(e2) {
   return e2 && "object" == typeof e2 && !Array.isArray(e2);
 }
-const ht = new (_c = class {
+const yt = new (_c = class {
   constructor() {
     __privateAdd(this, _PlaylightSDK_instances);
     this.container = null, this.app = null, this.isInitialized = false, this.config = null, this.api = Qe;
@@ -3853,8 +3971,8 @@ t_fn = function() {
     console.error("Playlight error occured during mount:", e2);
   }
 }, _c)();
-"undefined" != typeof window && (window.playlightSDK = ht);
+"undefined" != typeof window && (window.playlightSDK = yt);
 export {
-  ht as default
+  yt as default
 };
 //# sourceMappingURL=playlight-sdk.es.js.map