@lukso/web-components 1.0.6 → 1.0.7

package/dist/components/lukso-test/index.js

@@ -0,0 +1,1820 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const G = window, Pt = G.ShadowRoot && (G.ShadyCSS === void 0 || G.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, we = Symbol(), It = /* @__PURE__ */ new WeakMap();
+let Ue = class {
+  constructor(t, e, i) {
+    if (this._$cssResult$ = !0, i !== we)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (Pt && t === void 0) {
+      const i = e !== void 0 && e.length === 1;
+      i && (t = It.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && It.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const Me = (r) => new Ue(typeof r == "string" ? r : r + "", void 0, we), Ie = (r, t) => {
+  Pt ? r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+    const i = document.createElement("style"), s = G.litNonce;
+    s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
+  });
+}, Rt = Pt ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const i of t.cssRules)
+    e += i.cssText;
+  return Me(e);
+})(r) : r;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var vt;
+const et = window, jt = et.trustedTypes, Re = jt ? jt.emptyScript : "", Lt = et.reactiveElementPolyfillSupport, Ht = { toAttribute(r, t) {
+  switch (t) {
+    case Boolean:
+      r = r ? Re : null;
+      break;
+    case Object:
+    case Array:
+      r = r == null ? r : JSON.stringify(r);
+  }
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
+  switch (t) {
+    case Boolean:
+      e = r !== null;
+      break;
+    case Number:
+      e = r === null ? null : Number(r);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(r);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, be = (r, t) => t !== r && (t == t || r == r), $t = { attribute: !0, type: String, converter: Ht, reflect: !1, hasChanged: be };
+let B = class extends HTMLElement {
+  constructor() {
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
+  }
+  static addInitializer(t) {
+    var e;
+    this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t = [];
+    return this.elementProperties.forEach((e, i) => {
+      const s = this._$Ep(i, e);
+      s !== void 0 && (this._$Ev.set(s, i), t.push(s));
+    }), t;
+  }
+  static createProperty(t, e = $t) {
+    if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
+      const i = typeof t == "symbol" ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
+      s !== void 0 && Object.defineProperty(this.prototype, t, s);
+    }
+  }
+  static getPropertyDescriptor(t, e, i) {
+    return { get() {
+      return this[e];
+    }, set(s) {
+      const n = this[t];
+      this[e] = s, this.requestUpdate(t, n, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) || $t;
+  }
+  static finalize() {
+    if (this.hasOwnProperty("finalized"))
+      return !1;
+    this.finalized = !0;
+    const t = Object.getPrototypeOf(this);
+    if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+      const e = this.properties, i = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
+      for (const s of i)
+        this.createProperty(s, e[s]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), !0;
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const s of i)
+        e.unshift(Rt(s));
+    } else
+      t !== void 0 && e.push(Rt(t));
+    return e;
+  }
+  static _$Ep(t, e) {
+    const i = e.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  u() {
+    var t;
+    this._$E_ = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((e) => e(this));
+  }
+  addController(t) {
+    var e, i;
+    ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((i = t.hostConnected) === null || i === void 0 || i.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach((t, e) => {
+      this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
+    });
+  }
+  createRenderRoot() {
+    var t;
+    const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
+    return Ie(e, this.constructor.elementStyles), e;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
+      var i;
+      return (i = e.hostConnected) === null || i === void 0 ? void 0 : i.call(e);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
+      var i;
+      return (i = e.hostDisconnected) === null || i === void 0 ? void 0 : i.call(e);
+    });
+  }
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
+  }
+  _$EO(t, e, i = $t) {
+    var s;
+    const n = this.constructor._$Ep(t, i);
+    if (n !== void 0 && i.reflect === !0) {
+      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : Ht).toAttribute(e, i.type);
+      this._$El = t, o == null ? this.removeAttribute(n) : this.setAttribute(n, o), this._$El = null;
+    }
+  }
+  _$AK(t, e) {
+    var i;
+    const s = this.constructor, n = s._$Ev.get(t);
+    if (n !== void 0 && this._$El !== n) {
+      const o = s.getPropertyOptions(n), d = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : Ht;
+      this._$El = n, this[n] = d.fromAttribute(e, o.type), this._$El = null;
+    }
+  }
+  requestUpdate(t, e, i) {
+    let s = !0;
+    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || be)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
+  }
+  async _$Ej() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$E_;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending)
+      return;
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach((s, n) => this[n] = s), this._$Ei = void 0);
+    let e = !1;
+    const i = this._$AL;
+    try {
+      e = this.shouldUpdate(i), e ? (this.willUpdate(i), (t = this._$ES) === null || t === void 0 || t.forEach((s) => {
+        var n;
+        return (n = s.hostUpdate) === null || n === void 0 ? void 0 : n.call(s);
+      }), this.update(i)) : this._$Ek();
+    } catch (s) {
+      throw e = !1, this._$Ek(), s;
+    }
+    e && this._$AE(i);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.forEach((i) => {
+      var s;
+      return (s = i.hostUpdated) === null || s === void 0 ? void 0 : s.call(i);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$Ek() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$E_;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$EC !== void 0 && (this._$EC.forEach((e, i) => this._$EO(i, this[i], e)), this._$EC = void 0), this._$Ek();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+B.finalized = !0, B.elementProperties = /* @__PURE__ */ new Map(), B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, Lt == null || Lt({ ReactiveElement: B }), ((vt = et.reactiveElementVersions) !== null && vt !== void 0 ? vt : et.reactiveElementVersions = []).push("1.6.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var wt;
+const it = window, z = it.trustedTypes, Bt = z ? z.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, w = `lit$${(Math.random() + "").slice(9)}$`, ye = "?" + w, je = `<${ye}>`, N = document, st = (r = "") => N.createComment(r), q = (r) => r === null || typeof r != "object" && typeof r != "function", _e = Array.isArray, Le = (r) => _e(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Dt = /-->/g, Wt = />/g, _ = RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Vt = /'/g, Ft = /"/g, Ae = /^(?:script|style|textarea|title)$/i, P = Symbol.for("lit-noChange"), m = Symbol.for("lit-nothing"), qt = /* @__PURE__ */ new WeakMap(), S = N.createTreeWalker(N, 129, null, !1), Be = (r, t) => {
+  const e = r.length - 1, i = [];
+  let s, n = t === 2 ? "<svg>" : "", o = D;
+  for (let a = 0; a < e; a++) {
+    const l = r[a];
+    let u, h, c = -1, p = 0;
+    for (; p < l.length && (o.lastIndex = p, h = o.exec(l), h !== null); )
+      p = o.lastIndex, o === D ? h[1] === "!--" ? o = Dt : h[1] !== void 0 ? o = Wt : h[2] !== void 0 ? (Ae.test(h[2]) && (s = RegExp("</" + h[2], "g")), o = _) : h[3] !== void 0 && (o = _) : o === _ ? h[0] === ">" ? (o = s ?? D, c = -1) : h[1] === void 0 ? c = -2 : (c = o.lastIndex - h[2].length, u = h[1], o = h[3] === void 0 ? _ : h[3] === '"' ? Ft : Vt) : o === Ft || o === Vt ? o = _ : o === Dt || o === Wt ? o = D : (o = _, s = void 0);
+    const v = o === _ && r[a + 1].startsWith("/>") ? " " : "";
+    n += o === D ? l + je : c >= 0 ? (i.push(u), l.slice(0, c) + "$lit$" + l.slice(c) + w + v) : l + w + (c === -2 ? (i.push(void 0), a) : v);
+  }
+  const d = n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "");
+  if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return [Bt !== void 0 ? Bt.createHTML(d) : d, i];
+};
+let rt = class {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let s;
+    this.parts = [];
+    let n = 0, o = 0;
+    const d = t.length - 1, a = this.parts, [l, u] = Be(t, e);
+    if (this.el = rt.createElement(l, i), S.currentNode = this.el.content, e === 2) {
+      const h = this.el.content, c = h.firstChild;
+      c.remove(), h.append(...c.childNodes);
+    }
+    for (; (s = S.nextNode()) !== null && a.length < d; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) {
+          const h = [];
+          for (const c of s.getAttributeNames())
+            if (c.endsWith("$lit$") || c.startsWith(w)) {
+              const p = u[o++];
+              if (h.push(c), p !== void 0) {
+                const v = s.getAttribute(p.toLowerCase() + "$lit$").split(w), $ = /([.?@])?(.*)/.exec(p);
+                a.push({ type: 1, index: n, name: $[2], strings: v, ctor: $[1] === "." ? We : $[1] === "?" ? Fe : $[1] === "@" ? qe : ct });
+              } else
+                a.push({ type: 6, index: n });
+            }
+          for (const c of h)
+            s.removeAttribute(c);
+        }
+        if (Ae.test(s.tagName)) {
+          const h = s.textContent.split(w), c = h.length - 1;
+          if (c > 0) {
+            s.textContent = z ? z.emptyScript : "";
+            for (let p = 0; p < c; p++)
+              s.append(h[p], st()), S.nextNode(), a.push({ type: 2, index: ++n });
+            s.append(h[c], st());
+          }
+        }
+      } else if (s.nodeType === 8)
+        if (s.data === ye)
+          a.push({ type: 2, index: n });
+        else {
+          let h = -1;
+          for (; (h = s.data.indexOf(w, h + 1)) !== -1; )
+            a.push({ type: 7, index: n }), h += w.length - 1;
+        }
+      n++;
+    }
+  }
+  static createElement(t, e) {
+    const i = N.createElement("template");
+    return i.innerHTML = t, i;
+  }
+};
+function T(r, t, e = r, i) {
+  var s, n, o, d;
+  if (t === P)
+    return t;
+  let a = i !== void 0 ? (s = e._$Co) === null || s === void 0 ? void 0 : s[i] : e._$Cl;
+  const l = q(t) ? void 0 : t._$litDirective$;
+  return (a == null ? void 0 : a.constructor) !== l && ((n = a == null ? void 0 : a._$AO) === null || n === void 0 || n.call(a, !1), l === void 0 ? a = void 0 : (a = new l(r), a._$AT(r, e, i)), i !== void 0 ? ((o = (d = e)._$Co) !== null && o !== void 0 ? o : d._$Co = [])[i] = a : e._$Cl = a), a !== void 0 && (t = T(r, a._$AS(r, t.values), a, i)), t;
+}
+let De = class {
+  constructor(t, e) {
+    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  v(t) {
+    var e;
+    const { el: { content: i }, parts: s } = this._$AD, n = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : N).importNode(i, !0);
+    S.currentNode = n;
+    let o = S.nextNode(), d = 0, a = 0, l = s[0];
+    for (; l !== void 0; ) {
+      if (d === l.index) {
+        let u;
+        l.type === 2 ? u = new Tt(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new Ke(o, this, t)), this.u.push(u), l = s[++a];
+      }
+      d !== (l == null ? void 0 : l.index) && (o = S.nextNode(), d++);
+    }
+    return n;
+  }
+  p(t) {
+    let e = 0;
+    for (const i of this.u)
+      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+  }
+}, Tt = class {
+  constructor(t, e, i, s) {
+    var n;
+    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cm = (n = s == null ? void 0 : s.isConnected) === null || n === void 0 || n;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cm;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = T(this, t, e), q(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== P && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Le(t) ? this.k(t) : this.g(t);
+  }
+  O(t, e = this._$AB) {
+    return this._$AA.parentNode.insertBefore(t, e);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  g(t) {
+    this._$AH !== m && q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(N.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var e;
+    const { values: i, _$litType$: s } = t, n = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = rt.createElement(s.h, this.options)), s);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === n)
+      this._$AH.p(i);
+    else {
+      const o = new De(n, this), d = o.v(this.options);
+      o.p(i), this.T(d), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = qt.get(t.strings);
+    return e === void 0 && qt.set(t.strings, e = new rt(t)), e;
+  }
+  k(t) {
+    _e(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let i, s = 0;
+    for (const n of t)
+      s === e.length ? e.push(i = new Tt(this.O(st()), this.O(st()), this, this.options)) : i = e[s], i._$AI(n), s++;
+    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var i;
+    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cm = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}, ct = class {
+  constructor(t, e, i, s, n) {
+    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = m;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, i, s) {
+    const n = this.strings;
+    let o = !1;
+    if (n === void 0)
+      t = T(this, t, e, 0), o = !q(t) || t !== this._$AH && t !== P, o && (this._$AH = t);
+    else {
+      const d = t;
+      let a, l;
+      for (t = n[0], a = 0; a < n.length - 1; a++)
+        l = T(this, d[i + a], e, a), l === P && (l = this._$AH[a]), o || (o = !q(l) || l !== this._$AH[a]), l === m ? t = m : t !== m && (t += (l ?? "") + n[a + 1]), this._$AH[a] = l;
+    }
+    o && !s && this.j(t);
+  }
+  j(t) {
+    t === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}, We = class extends ct {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === m ? void 0 : t;
+  }
+};
+const Ve = z ? z.emptyScript : "";
+let Fe = class extends ct {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== m ? this.element.setAttribute(this.name, Ve) : this.element.removeAttribute(this.name);
+  }
+}, qe = class extends ct {
+  constructor(t, e, i, s, n) {
+    super(t, e, i, s, n), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    var i;
+    if ((t = (i = T(this, t, e, 0)) !== null && i !== void 0 ? i : m) === P)
+      return;
+    const s = this._$AH, n = t === m && s !== m || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== m && (s === m || n);
+    n && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e, i;
+    typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
+  }
+}, Ke = class {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    T(this, t);
+  }
+};
+const Kt = it.litHtmlPolyfillSupport;
+Kt == null || Kt(rt, Tt), ((wt = it.litHtmlVersions) !== null && wt !== void 0 ? wt : it.litHtmlVersions = []).push("2.6.1");
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const tt = window, Ot = tt.ShadowRoot && (tt.ShadyCSS === void 0 || tt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, xe = Symbol(), Zt = /* @__PURE__ */ new WeakMap();
+let Ze = class {
+  constructor(t, e, i) {
+    if (this._$cssResult$ = !0, i !== xe)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (Ot && t === void 0) {
+      const i = e !== void 0 && e.length === 1;
+      i && (t = Zt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Zt.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const Ut = (r) => new Ze(typeof r == "string" ? r : r + "", void 0, xe), Ye = (r, t) => {
+  Ot ? r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+    const i = document.createElement("style"), s = tt.litNonce;
+    s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
+  });
+}, Yt = Ot ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const i of t.cssRules)
+    e += i.cssText;
+  return Ut(e);
+})(r) : r;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var bt;
+const nt = window, Jt = nt.trustedTypes, Je = Jt ? Jt.emptyScript : "", Xt = nt.reactiveElementPolyfillSupport, zt = { toAttribute(r, t) {
+  switch (t) {
+    case Boolean:
+      r = r ? Je : null;
+      break;
+    case Object:
+    case Array:
+      r = r == null ? r : JSON.stringify(r);
+  }
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
+  switch (t) {
+    case Boolean:
+      e = r !== null;
+      break;
+    case Number:
+      e = r === null ? null : Number(r);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(r);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, Ee = (r, t) => t !== r && (t == t || r == r), yt = { attribute: !0, type: String, converter: zt, reflect: !1, hasChanged: Ee };
+let E = class extends HTMLElement {
+  constructor() {
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
+  }
+  static addInitializer(t) {
+    var e;
+    this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t = [];
+    return this.elementProperties.forEach((e, i) => {
+      const s = this._$Ep(i, e);
+      s !== void 0 && (this._$Ev.set(s, i), t.push(s));
+    }), t;
+  }
+  static createProperty(t, e = yt) {
+    if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
+      const i = typeof t == "symbol" ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
+      s !== void 0 && Object.defineProperty(this.prototype, t, s);
+    }
+  }
+  static getPropertyDescriptor(t, e, i) {
+    return { get() {
+      return this[e];
+    }, set(s) {
+      const n = this[t];
+      this[e] = s, this.requestUpdate(t, n, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) || yt;
+  }
+  static finalize() {
+    if (this.hasOwnProperty("finalized"))
+      return !1;
+    this.finalized = !0;
+    const t = Object.getPrototypeOf(this);
+    if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+      const e = this.properties, i = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
+      for (const s of i)
+        this.createProperty(s, e[s]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), !0;
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const s of i)
+        e.unshift(Yt(s));
+    } else
+      t !== void 0 && e.push(Yt(t));
+    return e;
+  }
+  static _$Ep(t, e) {
+    const i = e.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  u() {
+    var t;
+    this._$E_ = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((e) => e(this));
+  }
+  addController(t) {
+    var e, i;
+    ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((i = t.hostConnected) === null || i === void 0 || i.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach((t, e) => {
+      this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
+    });
+  }
+  createRenderRoot() {
+    var t;
+    const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
+    return Ye(e, this.constructor.elementStyles), e;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
+      var i;
+      return (i = e.hostConnected) === null || i === void 0 ? void 0 : i.call(e);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
+      var i;
+      return (i = e.hostDisconnected) === null || i === void 0 ? void 0 : i.call(e);
+    });
+  }
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
+  }
+  _$EO(t, e, i = yt) {
+    var s;
+    const n = this.constructor._$Ep(t, i);
+    if (n !== void 0 && i.reflect === !0) {
+      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : zt).toAttribute(e, i.type);
+      this._$El = t, o == null ? this.removeAttribute(n) : this.setAttribute(n, o), this._$El = null;
+    }
+  }
+  _$AK(t, e) {
+    var i;
+    const s = this.constructor, n = s._$Ev.get(t);
+    if (n !== void 0 && this._$El !== n) {
+      const o = s.getPropertyOptions(n), d = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : zt;
+      this._$El = n, this[n] = d.fromAttribute(e, o.type), this._$El = null;
+    }
+  }
+  requestUpdate(t, e, i) {
+    let s = !0;
+    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || Ee)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
+  }
+  async _$Ej() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$E_;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending)
+      return;
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach((s, n) => this[n] = s), this._$Ei = void 0);
+    let e = !1;
+    const i = this._$AL;
+    try {
+      e = this.shouldUpdate(i), e ? (this.willUpdate(i), (t = this._$ES) === null || t === void 0 || t.forEach((s) => {
+        var n;
+        return (n = s.hostUpdate) === null || n === void 0 ? void 0 : n.call(s);
+      }), this.update(i)) : this._$Ek();
+    } catch (s) {
+      throw e = !1, this._$Ek(), s;
+    }
+    e && this._$AE(i);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.forEach((i) => {
+      var s;
+      return (s = i.hostUpdated) === null || s === void 0 ? void 0 : s.call(i);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$Ek() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$E_;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$EC !== void 0 && (this._$EC.forEach((e, i) => this._$EO(i, this[i], e)), this._$EC = void 0), this._$Ek();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+E.finalized = !0, E.elementProperties = /* @__PURE__ */ new Map(), E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, Xt == null || Xt({ ReactiveElement: E }), ((bt = nt.reactiveElementVersions) !== null && bt !== void 0 ? bt : nt.reactiveElementVersions = []).push("1.5.0");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var _t;
+const ot = window, O = ot.trustedTypes, Qt = O ? O.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, b = `lit$${(Math.random() + "").slice(9)}$`, Se = "?" + b, Xe = `<${Se}>`, U = document, K = (r = "") => U.createComment(r), Z = (r) => r === null || typeof r != "object" && typeof r != "function", ke = Array.isArray, Qe = (r) => ke(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Gt = /-->/g, te = />/g, A = RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, ie = /"/g, Ce = /^(?:script|style|textarea|title)$/i, Ge = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), ti = Ge(1), M = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), se = /* @__PURE__ */ new WeakMap(), k = U.createTreeWalker(U, 129, null, !1), ei = (r, t) => {
+  const e = r.length - 1, i = [];
+  let s, n = t === 2 ? "<svg>" : "", o = W;
+  for (let a = 0; a < e; a++) {
+    const l = r[a];
+    let u, h, c = -1, p = 0;
+    for (; p < l.length && (o.lastIndex = p, h = o.exec(l), h !== null); )
+      p = o.lastIndex, o === W ? h[1] === "!--" ? o = Gt : h[1] !== void 0 ? o = te : h[2] !== void 0 ? (Ce.test(h[2]) && (s = RegExp("</" + h[2], "g")), o = A) : h[3] !== void 0 && (o = A) : o === A ? h[0] === ">" ? (o = s ?? W, c = -1) : h[1] === void 0 ? c = -2 : (c = o.lastIndex - h[2].length, u = h[1], o = h[3] === void 0 ? A : h[3] === '"' ? ie : ee) : o === ie || o === ee ? o = A : o === Gt || o === te ? o = W : (o = A, s = void 0);
+    const v = o === A && r[a + 1].startsWith("/>") ? " " : "";
+    n += o === W ? l + Xe : c >= 0 ? (i.push(u), l.slice(0, c) + "$lit$" + l.slice(c) + b + v) : l + b + (c === -2 ? (i.push(void 0), a) : v);
+  }
+  const d = n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "");
+  if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return [Qt !== void 0 ? Qt.createHTML(d) : d, i];
+};
+let at = class {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let s;
+    this.parts = [];
+    let n = 0, o = 0;
+    const d = t.length - 1, a = this.parts, [l, u] = ei(t, e);
+    if (this.el = at.createElement(l, i), k.currentNode = this.el.content, e === 2) {
+      const h = this.el.content, c = h.firstChild;
+      c.remove(), h.append(...c.childNodes);
+    }
+    for (; (s = k.nextNode()) !== null && a.length < d; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) {
+          const h = [];
+          for (const c of s.getAttributeNames())
+            if (c.endsWith("$lit$") || c.startsWith(b)) {
+              const p = u[o++];
+              if (h.push(c), p !== void 0) {
+                const v = s.getAttribute(p.toLowerCase() + "$lit$").split(b), $ = /([.?@])?(.*)/.exec(p);
+                a.push({ type: 1, index: n, name: $[2], strings: v, ctor: $[1] === "." ? si : $[1] === "?" ? ni : $[1] === "@" ? oi : ut });
+              } else
+                a.push({ type: 6, index: n });
+            }
+          for (const c of h)
+            s.removeAttribute(c);
+        }
+        if (Ce.test(s.tagName)) {
+          const h = s.textContent.split(b), c = h.length - 1;
+          if (c > 0) {
+            s.textContent = O ? O.emptyScript : "";
+            for (let p = 0; p < c; p++)
+              s.append(h[p], K()), k.nextNode(), a.push({ type: 2, index: ++n });
+            s.append(h[c], K());
+          }
+        }
+      } else if (s.nodeType === 8)
+        if (s.data === Se)
+          a.push({ type: 2, index: n });
+        else {
+          let h = -1;
+          for (; (h = s.data.indexOf(b, h + 1)) !== -1; )
+            a.push({ type: 7, index: n }), h += b.length - 1;
+        }
+      n++;
+    }
+  }
+  static createElement(t, e) {
+    const i = U.createElement("template");
+    return i.innerHTML = t, i;
+  }
+};
+function I(r, t, e = r, i) {
+  var s, n, o, d;
+  if (t === M)
+    return t;
+  let a = i !== void 0 ? (s = e._$Co) === null || s === void 0 ? void 0 : s[i] : e._$Cl;
+  const l = Z(t) ? void 0 : t._$litDirective$;
+  return (a == null ? void 0 : a.constructor) !== l && ((n = a == null ? void 0 : a._$AO) === null || n === void 0 || n.call(a, !1), l === void 0 ? a = void 0 : (a = new l(r), a._$AT(r, e, i)), i !== void 0 ? ((o = (d = e)._$Co) !== null && o !== void 0 ? o : d._$Co = [])[i] = a : e._$Cl = a), a !== void 0 && (t = I(r, a._$AS(r, t.values), a, i)), t;
+}
+let ii = class {
+  constructor(t, e) {
+    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  v(t) {
+    var e;
+    const { el: { content: i }, parts: s } = this._$AD, n = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : U).importNode(i, !0);
+    k.currentNode = n;
+    let o = k.nextNode(), d = 0, a = 0, l = s[0];
+    for (; l !== void 0; ) {
+      if (d === l.index) {
+        let u;
+        l.type === 2 ? u = new pt(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new ai(o, this, t)), this.u.push(u), l = s[++a];
+      }
+      d !== (l == null ? void 0 : l.index) && (o = k.nextNode(), d++);
+    }
+    return n;
+  }
+  p(t) {
+    let e = 0;
+    for (const i of this.u)
+      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+  }
+}, pt = class {
+  constructor(t, e, i, s) {
+    var n;
+    this.type = 2, this._$AH = g, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cm = (n = s == null ? void 0 : s.isConnected) === null || n === void 0 || n;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cm;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = I(this, t, e), Z(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== M && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Qe(t) ? this.k(t) : this.g(t);
+  }
+  O(t, e = this._$AB) {
+    return this._$AA.parentNode.insertBefore(t, e);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  g(t) {
+    this._$AH !== g && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(U.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var e;
+    const { values: i, _$litType$: s } = t, n = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = at.createElement(s.h, this.options)), s);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === n)
+      this._$AH.p(i);
+    else {
+      const o = new ii(n, this), d = o.v(this.options);
+      o.p(i), this.T(d), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = se.get(t.strings);
+    return e === void 0 && se.set(t.strings, e = new at(t)), e;
+  }
+  k(t) {
+    ke(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let i, s = 0;
+    for (const n of t)
+      s === e.length ? e.push(i = new pt(this.O(K()), this.O(K()), this, this.options)) : i = e[s], i._$AI(n), s++;
+    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var i;
+    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cm = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}, ut = class {
+  constructor(t, e, i, s, n) {
+    this.type = 1, this._$AH = g, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = g;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, i, s) {
+    const n = this.strings;
+    let o = !1;
+    if (n === void 0)
+      t = I(this, t, e, 0), o = !Z(t) || t !== this._$AH && t !== M, o && (this._$AH = t);
+    else {
+      const d = t;
+      let a, l;
+      for (t = n[0], a = 0; a < n.length - 1; a++)
+        l = I(this, d[i + a], e, a), l === M && (l = this._$AH[a]), o || (o = !Z(l) || l !== this._$AH[a]), l === g ? t = g : t !== g && (t += (l ?? "") + n[a + 1]), this._$AH[a] = l;
+    }
+    o && !s && this.j(t);
+  }
+  j(t) {
+    t === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}, si = class extends ut {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === g ? void 0 : t;
+  }
+};
+const ri = O ? O.emptyScript : "";
+let ni = class extends ut {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== g ? this.element.setAttribute(this.name, ri) : this.element.removeAttribute(this.name);
+  }
+}, oi = class extends ut {
+  constructor(t, e, i, s, n) {
+    super(t, e, i, s, n), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    var i;
+    if ((t = (i = I(this, t, e, 0)) !== null && i !== void 0 ? i : g) === M)
+      return;
+    const s = this._$AH, n = t === g && s !== g || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== g && (s === g || n);
+    n && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e, i;
+    typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
+  }
+}, ai = class {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    I(this, t);
+  }
+};
+const re = ot.litHtmlPolyfillSupport;
+re == null || re(at, pt), ((_t = ot.litHtmlVersions) !== null && _t !== void 0 ? _t : ot.litHtmlVersions = []).push("2.5.0");
+const li = (r, t, e) => {
+  var i, s;
+  const n = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
+  let o = n._$litPart$;
+  if (o === void 0) {
+    const d = (s = e == null ? void 0 : e.renderBefore) !== null && s !== void 0 ? s : null;
+    n._$litPart$ = o = new pt(t.insertBefore(K(), d), d, void 0, e ?? {});
+  }
+  return o._$AI(r), o;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var At, xt;
+let C = class extends E {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var t, e;
+    const i = super.createRenderRoot();
+    return (t = (e = this.renderOptions).renderBefore) !== null && t !== void 0 || (e.renderBefore = i.firstChild), i;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = li(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
+  }
+  render() {
+    return M;
+  }
+};
+C.finalized = !0, C._$litElement$ = !0, (At = globalThis.litElementHydrateSupport) === null || At === void 0 || At.call(globalThis, { LitElement: C });
+const ne = globalThis.litElementPolyfillSupport;
+ne == null || ne({ LitElement: C });
+((xt = globalThis.litElementVersions) !== null && xt !== void 0 ? xt : globalThis.litElementVersions = []).push("3.2.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const hi = (r) => (t) => typeof t == "function" ? ((e, i) => (customElements.define(e, i), i))(r, t) : ((e, i) => {
+  const { kind: s, elements: n } = i;
+  return { kind: s, elements: n, finisher(o) {
+    customElements.define(e, o);
+  } };
+})(r, t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const di = (r, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
+  e.createProperty(t.key, r);
+} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
+}, finisher(e) {
+  e.createProperty(t.key, r);
+} };
+function Mt(r) {
+  return (t, e) => e !== void 0 ? ((i, s, n) => {
+    s.constructor.createProperty(n, i);
+  })(r, t, e) : di(r, t);
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var Et;
+((Et = window.HTMLSlotElement) === null || Et === void 0 ? void 0 : Et.prototype.assignedElements) != null;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var St;
+const lt = window, R = lt.trustedTypes, oe = R ? R.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, y = `lit$${(Math.random() + "").slice(9)}$`, He = "?" + y, ci = `<${He}>`, j = document, ht = (r = "") => j.createComment(r), Y = (r) => r === null || typeof r != "object" && typeof r != "function", ze = Array.isArray, pi = (r) => ze(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", V = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ae = /-->/g, le = />/g, x = RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), he = /'/g, de = /"/g, Ne = /^(?:script|style|textarea|title)$/i, J = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), ce = /* @__PURE__ */ new WeakMap(), H = j.createTreeWalker(j, 129, null, !1), ui = (r, t) => {
+  const e = r.length - 1, i = [];
+  let s, n = t === 2 ? "<svg>" : "", o = V;
+  for (let a = 0; a < e; a++) {
+    const l = r[a];
+    let u, h, c = -1, p = 0;
+    for (; p < l.length && (o.lastIndex = p, h = o.exec(l), h !== null); )
+      p = o.lastIndex, o === V ? h[1] === "!--" ? o = ae : h[1] !== void 0 ? o = le : h[2] !== void 0 ? (Ne.test(h[2]) && (s = RegExp("</" + h[2], "g")), o = x) : h[3] !== void 0 && (o = x) : o === x ? h[0] === ">" ? (o = s ?? V, c = -1) : h[1] === void 0 ? c = -2 : (c = o.lastIndex - h[2].length, u = h[1], o = h[3] === void 0 ? x : h[3] === '"' ? de : he) : o === de || o === he ? o = x : o === ae || o === le ? o = V : (o = x, s = void 0);
+    const v = o === x && r[a + 1].startsWith("/>") ? " " : "";
+    n += o === V ? l + ci : c >= 0 ? (i.push(u), l.slice(0, c) + "$lit$" + l.slice(c) + y + v) : l + y + (c === -2 ? (i.push(void 0), a) : v);
+  }
+  const d = n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "");
+  if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return [oe !== void 0 ? oe.createHTML(d) : d, i];
+};
+class X {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let s;
+    this.parts = [];
+    let n = 0, o = 0;
+    const d = t.length - 1, a = this.parts, [l, u] = ui(t, e);
+    if (this.el = X.createElement(l, i), H.currentNode = this.el.content, e === 2) {
+      const h = this.el.content, c = h.firstChild;
+      c.remove(), h.append(...c.childNodes);
+    }
+    for (; (s = H.nextNode()) !== null && a.length < d; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) {
+          const h = [];
+          for (const c of s.getAttributeNames())
+            if (c.endsWith("$lit$") || c.startsWith(y)) {
+              const p = u[o++];
+              if (h.push(c), p !== void 0) {
+                const v = s.getAttribute(p.toLowerCase() + "$lit$").split(y), $ = /([.?@])?(.*)/.exec(p);
+                a.push({ type: 1, index: n, name: $[2], strings: v, ctor: $[1] === "." ? mi : $[1] === "?" ? vi : $[1] === "@" ? $i : mt });
+              } else
+                a.push({ type: 6, index: n });
+            }
+          for (const c of h)
+            s.removeAttribute(c);
+        }
+        if (Ne.test(s.tagName)) {
+          const h = s.textContent.split(y), c = h.length - 1;
+          if (c > 0) {
+            s.textContent = R ? R.emptyScript : "";
+            for (let p = 0; p < c; p++)
+              s.append(h[p], ht()), H.nextNode(), a.push({ type: 2, index: ++n });
+            s.append(h[c], ht());
+          }
+        }
+      } else if (s.nodeType === 8)
+        if (s.data === He)
+          a.push({ type: 2, index: n });
+        else {
+          let h = -1;
+          for (; (h = s.data.indexOf(y, h + 1)) !== -1; )
+            a.push({ type: 7, index: n }), h += y.length - 1;
+        }
+      n++;
+    }
+  }
+  static createElement(t, e) {
+    const i = j.createElement("template");
+    return i.innerHTML = t, i;
+  }
+}
+function L(r, t, e = r, i) {
+  var s, n, o, d;
+  if (t === J)
+    return t;
+  let a = i !== void 0 ? (s = e._$Co) === null || s === void 0 ? void 0 : s[i] : e._$Cl;
+  const l = Y(t) ? void 0 : t._$litDirective$;
+  return (a == null ? void 0 : a.constructor) !== l && ((n = a == null ? void 0 : a._$AO) === null || n === void 0 || n.call(a, !1), l === void 0 ? a = void 0 : (a = new l(r), a._$AT(r, e, i)), i !== void 0 ? ((o = (d = e)._$Co) !== null && o !== void 0 ? o : d._$Co = [])[i] = a : e._$Cl = a), a !== void 0 && (t = L(r, a._$AS(r, t.values), a, i)), t;
+}
+class fi {
+  constructor(t, e) {
+    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  v(t) {
+    var e;
+    const { el: { content: i }, parts: s } = this._$AD, n = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : j).importNode(i, !0);
+    H.currentNode = n;
+    let o = H.nextNode(), d = 0, a = 0, l = s[0];
+    for (; l !== void 0; ) {
+      if (d === l.index) {
+        let u;
+        l.type === 2 ? u = new ft(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new wi(o, this, t)), this.u.push(u), l = s[++a];
+      }
+      d !== (l == null ? void 0 : l.index) && (o = H.nextNode(), d++);
+    }
+    return n;
+  }
+  p(t) {
+    let e = 0;
+    for (const i of this.u)
+      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+  }
+}
+class ft {
+  constructor(t, e, i, s) {
+    var n;
+    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cm = (n = s == null ? void 0 : s.isConnected) === null || n === void 0 || n;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cm;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = L(this, t, e), Y(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== J && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : pi(t) ? this.k(t) : this.g(t);
+  }
+  O(t, e = this._$AB) {
+    return this._$AA.parentNode.insertBefore(t, e);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  g(t) {
+    this._$AH !== f && Y(this._$AH) ? this._$AA.nextSibling.data = t : this.T(j.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var e;
+    const { values: i, _$litType$: s } = t, n = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = X.createElement(s.h, this.options)), s);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === n)
+      this._$AH.p(i);
+    else {
+      const o = new fi(n, this), d = o.v(this.options);
+      o.p(i), this.T(d), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = ce.get(t.strings);
+    return e === void 0 && ce.set(t.strings, e = new X(t)), e;
+  }
+  k(t) {
+    ze(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let i, s = 0;
+    for (const n of t)
+      s === e.length ? e.push(i = new ft(this.O(ht()), this.O(ht()), this, this.options)) : i = e[s], i._$AI(n), s++;
+    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var i;
+    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cm = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}
+let mt = class {
+  constructor(t, e, i, s, n) {
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = f;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, i, s) {
+    const n = this.strings;
+    let o = !1;
+    if (n === void 0)
+      t = L(this, t, e, 0), o = !Y(t) || t !== this._$AH && t !== J, o && (this._$AH = t);
+    else {
+      const d = t;
+      let a, l;
+      for (t = n[0], a = 0; a < n.length - 1; a++)
+        l = L(this, d[i + a], e, a), l === J && (l = this._$AH[a]), o || (o = !Y(l) || l !== this._$AH[a]), l === f ? t = f : t !== f && (t += (l ?? "") + n[a + 1]), this._$AH[a] = l;
+    }
+    o && !s && this.j(t);
+  }
+  j(t) {
+    t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+};
+class mi extends mt {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === f ? void 0 : t;
+  }
+}
+const gi = R ? R.emptyScript : "";
+class vi extends mt {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== f ? this.element.setAttribute(this.name, gi) : this.element.removeAttribute(this.name);
+  }
+}
+class $i extends mt {
+  constructor(t, e, i, s, n) {
+    super(t, e, i, s, n), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    var i;
+    if ((t = (i = L(this, t, e, 0)) !== null && i !== void 0 ? i : f) === J)
+      return;
+    const s = this._$AH, n = t === f && s !== f || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== f && (s === f || n);
+    n && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e, i;
+    typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class wi {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    L(this, t);
+  }
+}
+const pe = lt.litHtmlPolyfillSupport;
+pe == null || pe(X, ft), ((St = lt.litHtmlVersions) !== null && St !== void 0 ? St : lt.litHtmlVersions = []).push("2.5.0");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Pe = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, bi = (r) => (...t) => ({ _$litDirective$: r, values: t });
+let yi = class {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, i) {
+    this._$Ct = t, this._$AM = e, this._$Ci = i;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+};
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const _i = (r) => r.strings === void 0;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const F = (r, t) => {
+  var e, i;
+  const s = r._$AN;
+  if (s === void 0)
+    return !1;
+  for (const n of s)
+    (i = (e = n)._$AO) === null || i === void 0 || i.call(e, t, !1), F(n, t);
+  return !0;
+}, dt = (r) => {
+  let t, e;
+  do {
+    if ((t = r._$AM) === void 0)
+      break;
+    e = t._$AN, e.delete(r), r = t;
+  } while ((e == null ? void 0 : e.size) === 0);
+}, Te = (r) => {
+  for (let t; t = r._$AM; r = t) {
+    let e = t._$AN;
+    if (e === void 0)
+      t._$AN = e = /* @__PURE__ */ new Set();
+    else if (e.has(r))
+      break;
+    e.add(r), Ei(t);
+  }
+};
+function Ai(r) {
+  this._$AN !== void 0 ? (dt(this), this._$AM = r, Te(this)) : this._$AM = r;
+}
+function xi(r, t = !1, e = 0) {
+  const i = this._$AH, s = this._$AN;
+  if (s !== void 0 && s.size !== 0)
+    if (t)
+      if (Array.isArray(i))
+        for (let n = e; n < i.length; n++)
+          F(i[n], !1), dt(i[n]);
+      else
+        i != null && (F(i, !1), dt(i));
+    else
+      F(this, r);
+}
+const Ei = (r) => {
+  var t, e, i, s;
+  r.type == Pe.CHILD && ((t = (i = r)._$AP) !== null && t !== void 0 || (i._$AP = xi), (e = (s = r)._$AQ) !== null && e !== void 0 || (s._$AQ = Ai));
+};
+class Si extends yi {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(t, e, i) {
+    super._$AT(t, e, i), Te(this), this.isConnected = t._$AU;
+  }
+  _$AO(t, e = !0) {
+    var i, s;
+    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) === null || i === void 0 || i.call(this) : (s = this.disconnected) === null || s === void 0 || s.call(this)), e && (F(this, t), dt(this));
+  }
+  setValue(t) {
+    if (_i(this._$Ct))
+      this._$Ct._$AI(t, this);
+    else {
+      const e = [...this._$Ct._$AH];
+      e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+const Oe = /* @__PURE__ */ new WeakMap();
+let ki = class {
+  constructor(t, e) {
+    this.startPaused = !1, this.disabled = !1, this.clients = /* @__PURE__ */ new Set(), this.pendingComplete = !1, this.host = t, this.defaultOptions = e.defaultOptions || {}, this.startPaused = !!e.startPaused, this.disabled = !!e.disabled, this.onComplete = e.onComplete, Oe.set(this.host, this);
+  }
+  async add(t) {
+    var e, i;
+    this.clients.add(t), this.startPaused && ((e = t.webAnimation) === null || e === void 0 || e.pause()), this.pendingComplete = !0, await t.finished, this.pendingComplete && !this.isAnimating && (this.pendingComplete = !1, (i = this.onComplete) === null || i === void 0 || i.call(this));
+  }
+  remove(t) {
+    this.clients.delete(t);
+  }
+  pause() {
+    this.clients.forEach((t) => {
+      var e;
+      return (e = t.webAnimation) === null || e === void 0 ? void 0 : e.pause();
+    });
+  }
+  play() {
+    this.clients.forEach((t) => {
+      var e;
+      return (e = t.webAnimation) === null || e === void 0 ? void 0 : e.play();
+    });
+  }
+  cancel() {
+    this.clients.forEach((t) => {
+      var e;
+      return (e = t.webAnimation) === null || e === void 0 ? void 0 : e.cancel();
+    }), this.clients.clear();
+  }
+  finish() {
+    this.clients.forEach((t) => {
+      var e;
+      return (e = t.webAnimation) === null || e === void 0 ? void 0 : e.finish();
+    }), this.clients.clear();
+  }
+  togglePlay() {
+    this.isPlaying ? this.pause() : this.play();
+  }
+  get isAnimating() {
+    return this.clients.size > 0;
+  }
+  get isPlaying() {
+    return Array.from(this.clients).some((t) => {
+      var e;
+      return ((e = t.webAnimation) === null || e === void 0 ? void 0 : e.playState) === "running";
+    });
+  }
+  async finished() {
+    await Promise.all(Array.from(this.clients).map((t) => t.finished));
+  }
+}, ue = 0;
+const kt = /* @__PURE__ */ new Map(), fe = /* @__PURE__ */ new WeakSet(), me = () => new Promise((r) => requestAnimationFrame(r)), ge = (r, t) => {
+  const e = r - t;
+  return e === 0 ? void 0 : e;
+}, ve = (r, t) => {
+  const e = r / t;
+  return e === 1 ? void 0 : e;
+}, Ct = { left: (r, t) => {
+  const e = ge(r, t);
+  return { value: e, transform: e && `translateX(${e}px)` };
+}, top: (r, t) => {
+  const e = ge(r, t);
+  return { value: e, transform: e && `translateY(${e}px)` };
+}, width: (r, t) => {
+  const e = ve(r, t);
+  return { value: e, transform: e && `scaleX(${e})` };
+}, height: (r, t) => {
+  const e = ve(r, t);
+  return { value: e, transform: e && `scaleY(${e})` };
+} }, Ci = { duration: 333, easing: "ease-in-out" }, Hi = ["left", "top", "width", "height", "opacity", "color", "background"], $e = /* @__PURE__ */ new WeakMap();
+class zi extends Si {
+  constructor(t) {
+    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === Pe.CHILD)
+      throw Error("The `animate` directive must be used in attribute position.");
+    this.createFinished();
+  }
+  createFinished() {
+    var t;
+    (t = this.resolveFinished) === null || t === void 0 || t.call(this), this.finished = new Promise((e) => {
+      this.h = e;
+    });
+  }
+  async resolveFinished() {
+    var t;
+    (t = this.h) === null || t === void 0 || t.call(this), this.h = void 0;
+  }
+  render(t) {
+    return f;
+  }
+  getController() {
+    return Oe.get(this.l);
+  }
+  isDisabled() {
+    var t;
+    return this.options.disabled || ((t = this.getController()) === null || t === void 0 ? void 0 : t.disabled);
+  }
+  update(t, [e]) {
+    var i;
+    const s = this.l === void 0;
+    return s && (this.l = (i = t.options) === null || i === void 0 ? void 0 : i.host, this.l.addController(this), this.element = t.element, $e.set(this.element, this)), this.optionsOrCallback = e, (s || typeof e != "function") && this.u(e), this.render(e);
+  }
+  u(t) {
+    var e, i;
+    t = t ?? {};
+    const s = this.getController();
+    s !== void 0 && ((t = { ...s.defaultOptions, ...t }).keyframeOptions = { ...s.defaultOptions.keyframeOptions, ...t.keyframeOptions }), (e = (i = t).properties) !== null && e !== void 0 || (i.properties = Hi), this.options = t;
+  }
+  v() {
+    const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
+    return this.options.properties.forEach((s) => {
+      var n;
+      const o = (n = e[s]) !== null && n !== void 0 ? n : Ct[s] ? void 0 : i[s], d = Number(o);
+      t[s] = isNaN(d) ? o + "" : d;
+    }), t;
+  }
+  p() {
+    let t, e = !0;
+    return this.options.guard && (t = this.options.guard(), e = ((i, s) => {
+      if (Array.isArray(i)) {
+        if (Array.isArray(s) && s.length === i.length && i.every((n, o) => n === s[o]))
+          return !1;
+      } else if (s === i)
+        return !1;
+      return !0;
+    })(t, this.m)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && e && this.element.isConnected, this.o && (this.m = Array.isArray(t) ? Array.from(t) : t), this.o;
+  }
+  hostUpdate() {
+    var t;
+    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.p() && (this.g = this.v(), this.t = (t = this.t) !== null && t !== void 0 ? t : this.element.parentNode, this.i = this.element.nextSibling);
+  }
+  async hostUpdated() {
+    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
+      return;
+    let t;
+    this.prepare(), await me;
+    const e = this._(), i = this.A(this.options.keyframeOptions, e), s = this.v();
+    if (this.g !== void 0) {
+      const { from: n, to: o } = this.O(this.g, s, e);
+      this.log("measured", [this.g, s, n, o]), t = this.calculateKeyframes(n, o);
+    } else {
+      const n = kt.get(this.options.inId);
+      if (n) {
+        kt.delete(this.options.inId);
+        const { from: o, to: d } = this.O(n, s, e);
+        t = this.calculateKeyframes(o, d), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, ue++, t.forEach((a) => a.zIndex = ue);
+      } else
+        this.options.in && (t = [...this.options.in, {}]);
+    }
+    this.animate(t, i);
+  }
+  resetStyles() {
+    var t;
+    this.P !== void 0 && (this.element.setAttribute("style", (t = this.P) !== null && t !== void 0 ? t : ""), this.P = void 0);
+  }
+  commitStyles() {
+    var t, e;
+    this.P = this.element.getAttribute("style"), (t = this.webAnimation) === null || t === void 0 || t.commitStyles(), (e = this.webAnimation) === null || e === void 0 || e.cancel();
+  }
+  reconnected() {
+  }
+  async disconnected() {
+    var t;
+    if (!this.o || (this.options.id !== void 0 && kt.set(this.options.id, this.g), this.options.out === void 0))
+      return;
+    if (this.prepare(), await me(), (t = this.t) === null || t === void 0 ? void 0 : t.isConnected) {
+      const i = this.i && this.i.parentNode === this.t ? this.i : null;
+      if (this.t.insertBefore(this.element, i), this.options.stabilizeOut) {
+        const s = this.v();
+        this.log("stabilizing out");
+        const n = this.g.left - s.left, o = this.g.top - s.top;
+        getComputedStyle(this.element).position !== "static" || n === 0 && o === 0 || (this.element.style.position = "relative"), n !== 0 && (this.element.style.left = n + "px"), o !== 0 && (this.element.style.top = o + "px");
+      }
+    }
+    const e = this.A(this.options.keyframeOptions);
+    await this.animate(this.options.out, e), this.element.remove();
+  }
+  prepare() {
+    this.createFinished();
+  }
+  start() {
+    var t, e;
+    (e = (t = this.options).onStart) === null || e === void 0 || e.call(t, this);
+  }
+  didFinish(t) {
+    var e, i;
+    t && ((i = (e = this.options).onComplete) === null || i === void 0 || i.call(e, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
+  }
+  _() {
+    const t = [];
+    for (let e = this.element.parentNode; e; e = e == null ? void 0 : e.parentNode) {
+      const i = $e.get(e);
+      i && !i.isDisabled() && i && t.push(i);
+    }
+    return t;
+  }
+  get isHostRendered() {
+    const t = fe.has(this.l);
+    return t || this.l.updateComplete.then(() => {
+      fe.add(this.l);
+    }), t;
+  }
+  A(t, e = this._()) {
+    const i = { ...Ci };
+    return e.forEach((s) => Object.assign(i, s.options.keyframeOptions)), Object.assign(i, t), i;
+  }
+  O(t, e, i) {
+    t = { ...t }, e = { ...e };
+    const s = i.map((d) => d.animatingProperties).filter((d) => d !== void 0);
+    let n = 1, o = 1;
+    return s !== void 0 && (s.forEach((d) => {
+      d.width && (n /= d.width), d.height && (o /= d.height);
+    }), t.left !== void 0 && e.left !== void 0 && (t.left = n * t.left, e.left = n * e.left), t.top !== void 0 && e.top !== void 0 && (t.top = o * t.top, e.top = o * e.top)), { from: t, to: e };
+  }
+  calculateKeyframes(t, e, i = !1) {
+    var s;
+    const n = {}, o = {};
+    let d = !1;
+    const a = {};
+    for (const l in e) {
+      const u = t[l], h = e[l];
+      if (l in Ct) {
+        const c = Ct[l];
+        if (u === void 0 || h === void 0)
+          continue;
+        const p = c(u, h);
+        p.transform !== void 0 && (a[l] = p.value, d = !0, n.transform = `${(s = n.transform) !== null && s !== void 0 ? s : ""} ${p.transform}`);
+      } else
+        u !== h && u !== void 0 && h !== void 0 && (d = !0, n[l] = u, o[l] = h);
+    }
+    return n.transformOrigin = o.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, d ? [n, o] : void 0;
+  }
+  async animate(t, e = this.options.keyframeOptions) {
+    this.start(), this.frames = t;
+    let i = !1;
+    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
+      this.log("animate", [t, e]), i = !0, this.webAnimation = this.element.animate(t, e);
+      const s = this.getController();
+      s == null || s.add(this);
+      try {
+        await this.webAnimation.finished;
+      } catch {
+      }
+      s == null || s.remove(this);
+    }
+    return this.didFinish(i), i;
+  }
+  isAnimating() {
+    var t, e;
+    return ((t = this.webAnimation) === null || t === void 0 ? void 0 : t.playState) === "running" || ((e = this.webAnimation) === null || e === void 0 ? void 0 : e.pending);
+  }
+  log(t, e) {
+    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
+  }
+}
+const Ni = bi(zi);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Pi = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Ti = (r) => (...t) => ({ _$litDirective$: r, values: t });
+class Oi {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, i) {
+    this._$Ct = t, this._$AM = e, this._$Ci = i;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Ui = Ti(class extends Oi {
+  constructor(r) {
+    var t;
+    if (super(r), r.type !== Pi.ATTRIBUTE || r.name !== "class" || ((t = r.strings) === null || t === void 0 ? void 0 : t.length) > 2)
+      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(r) {
+    return " " + Object.keys(r).filter((t) => r[t]).join(" ") + " ";
+  }
+  update(r, [t]) {
+    var e, i;
+    if (this.nt === void 0) {
+      this.nt = /* @__PURE__ */ new Set(), r.strings !== void 0 && (this.st = new Set(r.strings.join(" ").split(/\s/).filter((n) => n !== "")));
+      for (const n in t)
+        t[n] && !(!((e = this.st) === null || e === void 0) && e.has(n)) && this.nt.add(n);
+      return this.render(t);
+    }
+    const s = r.element.classList;
+    this.nt.forEach((n) => {
+      n in t || (s.remove(n), this.nt.delete(n));
+    });
+    for (const n in t) {
+      const o = !!t[n];
+      o === this.nt.has(n) || !((i = this.st) === null || i === void 0) && i.has(n) || (o ? (s.add(n), this.nt.add(n)) : (s.remove(n), this.nt.delete(n)));
+    }
+    return P;
+  }
+}), Mi = `/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
+  */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:PT Mono,sans-serif;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.heading-h1{font-family:Inter,sans-serif;font-size:26px;font-weight:600;font-style:normal;line-height:31px}.heading-h2{font-family:Inter,sans-serif;font-size:21px;font-weight:600;font-style:normal;line-height:26px}.heading-h3{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:22px}.heading-h4{font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:15px;letter-spacing:.02em}.heading-h5{font-family:Inter,sans-serif;font-size:14px;font-weight:700;font-style:normal;line-height:17px}.heading-h1-apax{font-family:Apax,sans-serif;font-size:24px;font-weight:500;font-style:normal;line-height:28px}.heading-h4-apax{font-family:Apax,sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:20px}.heading-h5-apax{font-family:Apax,sans-serif;font-size:8px;font-weight:500;font-style:normal;line-height:28px}.paragraph-16-regular{font-family:Inter,sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:24px}.paragraph-16-semi-bold{font-family:Inter,sans-serif;font-size:16px;font-weight:600;font-style:normal;line-height:24px}.paragraph-14-regular{font-family:Inter,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:22px}.paragraph-14-medium{font-family:Inter,sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:22px}.paragraph-14-semi-bold{font-family:Inter,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:22px}.paragraph-12-regular{font-family:Inter,sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:20px}.paragraph-12-medium{font-family:Inter,sans-serif;font-size:12px;font-weight:500;font-style:normal;line-height:20px}.paragraph-12-semi-bold{font-family:Inter,sans-serif;font-size:12px;font-weight:600;font-style:normal;line-height:20px}.currency-10-semi-bold{font-family:Inter,sans-serif;font-size:10px;font-weight:600;font-style:normal;line-height:12px}.currency-10-bold-uppercase{font-family:Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:12px}.currency-14-semi-bold{font-family:Inter,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:17px}.link{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:22px}.button-text{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:17px}.caption{font-family:Inter,sans-serif;font-size:13px;font-weight:400;font-style:normal;line-height:20px}.monospace-16-regular{font-family:PT Mono,sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:22px}.monospace-16-bold{font-family:PT Mono,sans-serif;font-size:16px;font-weight:700;font-style:normal;line-height:22px}.monospace-12-bold{font-family:PT Mono,sans-serif;font-size:12px;font-weight:700;font-style:normal;line-height:14px}.monospace-10-bold{font-family:PT Mono,sans-serif;font-size:10px;font-weight:700;font-style:normal;line-height:14px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.\\!relative{position:relative!important}.sticky{position:sticky}.top-0{top:0px}.right-0{right:0px}.bottom-0{bottom:0px}.left-0{left:0px}.isolate{isolation:isolate}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-last{order:9999}.float-left{float:left}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-neutral-90{--tw-border-opacity: 1;border-color:rgb(222 231 237 / var(--tw-border-opacity))}.border-neutral-20{--tw-border-opacity: 1;border-color:rgb(36 53 66 / var(--tw-border-opacity))}.border-purple-51{--tw-border-opacity: 1;border-color:rgb(100 110 160 / var(--tw-border-opacity))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-neutral-20{--tw-bg-opacity: 1;background-color:rgb(36 53 66 / var(--tw-bg-opacity))}.bg-purple-51{--tw-bg-opacity: 1;background-color:rgb(100 110 160 / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pt-3{padding-top:.75rem}.pl-2{padding-left:.5rem}.pb-4{padding-bottom:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.text-justify{text-align:justify}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-inter{font-family:Inter,sans-serif}.text-24{font-size:24px}.text-26{font-size:26px}.text-21{font-size:21px}.text-17{font-size:17px}.text-12{font-size:12px}.text-14{font-size:14px}.text-8{font-size:8px}.text-16{font-size:16px}.text-10{font-size:10px}.text-13{font-size:13px}.font-600{font-weight:600}.font-700{font-weight:700}.font-500{font-weight:500}.font-400{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero: slashed-zero;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.lining-nums{--tw-numeric-figure: lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure: oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.proportional-nums{--tw-numeric-spacing: proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.diagonal-fractions{--tw-numeric-fraction: diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction: stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-31{line-height:31px}.leading-26{line-height:26px}.leading-22{line-height:22px}.leading-15{line-height:15px}.leading-17{line-height:17px}.leading-28{line-height:28px}.leading-20{line-height:20px}.leading-24{line-height:24px}.leading-12{line-height:12px}.leading-14{line-height:14px}.tracking-\\[\\.02em\\]{letter-spacing:.02em}.text-neutral-20{--tw-text-opacity: 1;color:rgb(36 53 66 / var(--tw-text-opacity))}.text-neutral-100{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:border-purple-58:hover{--tw-border-opacity: 1;border-color:rgb(122 131 174 / var(--tw-border-opacity))}.hover\\:bg-purple-58:hover{--tw-bg-opacity: 1;background-color:rgb(122 131 174 / var(--tw-bg-opacity))}.hover\\:text-yellow-700:hover{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.hover\\:shadow-button-hover-secondary:hover{--tw-shadow: 0px 20px 16px -16px rgba(0, 0, 0, .12);--tw-shadow-colored: 0px 20px 16px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:shadow-button-hover-primary:hover{--tw-shadow: 0px 20px 16px -16px rgba(0, 0, 0, .4);--tw-shadow-colored: 0px 20px 16px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\\:border-neutral-90:disabled{--tw-border-opacity: 1;border-color:rgb(222 231 237 / var(--tw-border-opacity))}.disabled\\:bg-neutral-90:disabled{--tw-bg-opacity: 1;background-color:rgb(222 231 237 / var(--tw-bg-opacity))}.disabled\\:text-neutral-100:disabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}
+`, Nt = Ut(Mi), Ii = (r) => {
+  var t;
+  return t = class extends C {
+  }, t.styles = r ? [Nt, Ut(r)] : [Nt], t;
+};
+class Ri extends C {
+}
+Ri.styles = [Nt];
+const ji = `p{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}p b{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}
+`;
+var Li = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, gt = (r, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? Bi(t, e) : t, n = r.length - 1, o; n >= 0; n--)
+    (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
+  return i && s && Li(t, e, s), s;
+};
+let Q = class extends Ii(ji) {
+  constructor() {
+    super(...arguments), this.name = "World", this.clicked = !1, this.disabled = !1, this.duration = 1e3, this.controller = new ki(this, {
+      defaultOptions: {
+        keyframeOptions: {
+          duration: this.duration,
+          fill: "backwards"
+        }
+      }
+    });
+  }
+  _onClick() {
+    this.disabled || (this.clicked = !0, setTimeout(() => {
+      this.clicked = !1;
+    }, 2e3));
+  }
+  render() {
+    const r = {
+      "text-yellow-200": !this.disabled,
+      "p-2": !0,
+      "rounded-full": !0,
+      "text-24": !0,
+      "bg-blue-800": this.clicked && !this.disabled,
+      "bg-blue-200": !this.clicked && !this.disabled
+    };
+    return ti`
+      <p class="heading-1">
+        Hello,
+        <b class="heading-4">${this.name}</b>
+        !
+      </p>
+      <button
+        ?disabled=${this.disabled}
+        data-testid="button"
+        @click=${this._onClick}
+        class="hover:text-yellow-700 ${Ui(r)}"
+        ${Ni()}
+      >
+        Hello world! 2
+      </button>
+    `;
+  }
+};
+gt([
+  Mt()
+], Q.prototype, "name", 2);
+gt([
+  Mt()
+], Q.prototype, "clicked", 2);
+gt([
+  Mt({ type: Boolean })
+], Q.prototype, "disabled", 2);
+Q = gt([
+  hi("lukso-test")
+], Q);
+export {
+  Q as LuksoTest
+};