@florid-kit/components 0.8.39 → 0.8.41

package/index.mjs

@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const pt = globalThis, St = pt.ShadowRoot && (pt.ShadyCSS === void 0 || pt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Lt = Symbol(), Ut = /* @__PURE__ */ new WeakMap();
-let Yt = class {
+const vt = globalThis, Pt = vt.ShadowRoot && (vt.ShadyCSS === void 0 || vt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, It = Symbol(), Vt = /* @__PURE__ */ new WeakMap();
+let oe = class {
   constructor(t, e, n) {
-    if (this._$cssResult$ = !0, n !== Lt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, n !== It) 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 (St && t === void 0) {
+    if (Pt && t === void 0) {
       const n = e !== void 0 && e.length === 1;
-      n && (t = Ut.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), n && Ut.set(e, t));
+      n && (t = Vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), n && Vt.set(e, t));
     }
     return t;
   }
@@ -22,33 +22,33 @@ let Yt = class {
     return this.cssText;
   }
 };
-const se = (o) => new Yt(typeof o == "string" ? o : o + "", void 0, Lt), y = (o, ...t) => {
+const ce = (o) => new oe(typeof o == "string" ? o : o + "", void 0, It), b = (o, ...t) => {
   const e = o.length === 1 ? o[0] : t.reduce((n, i, r) => n + ((s) => {
     if (s._$cssResult$ === !0) return s.cssText;
     if (typeof s == "number") return s;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(i) + o[r + 1], o[0]);
-  return new Yt(e, o, Lt);
-}, ae = (o, t) => {
-  if (St) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  return new oe(e, o, It);
+}, he = (o, t) => {
+  if (Pt) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const n = document.createElement("style"), i = pt.litNonce;
+    const n = document.createElement("style"), i = vt.litNonce;
     i !== void 0 && n.setAttribute("nonce", i), n.textContent = e.cssText, o.appendChild(n);
   }
-}, Rt = St ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
+}, Zt = Pt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const n of t.cssRules) e += n.cssText;
-  return se(e);
+  return ce(e);
 })(o) : o;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: le, defineProperty: ce, getOwnPropertyDescriptor: he, getOwnPropertyNames: de, getOwnPropertySymbols: pe, getPrototypeOf: ue } = Object, j = globalThis, Ft = j.trustedTypes, ve = Ft ? Ft.emptyScript : "", xt = j.reactiveElementPolyfillSupport, tt = (o, t) => o, ut = { toAttribute(o, t) {
+const { is: de, defineProperty: pe, getOwnPropertyDescriptor: ue, getOwnPropertyNames: ve, getOwnPropertySymbols: fe, getPrototypeOf: be } = Object, U = globalThis, qt = U.trustedTypes, ge = qt ? qt.emptyScript : "", $t = U.reactiveElementPolyfillSupport, ot = (o, t) => o, ft = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
-      o = o ? ve : null;
+      o = o ? ge : null;
       break;
     case Object:
     case Array:
@@ -73,23 +73,23 @@ const { is: le, defineProperty: ce, getOwnPropertyDescriptor: he, getOwnProperty
       }
   }
   return e;
-} }, Pt = (o, t) => !le(o, t), Vt = { attribute: !0, type: String, converter: ut, reflect: !1, useDefault: !1, hasChanged: Pt };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), j.litPropertyMetadata ?? (j.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let G = class extends HTMLElement {
+} }, Ot = (o, t) => !de(o, t), Wt = { attribute: !0, type: String, converter: ft, reflect: !1, useDefault: !1, hasChanged: Ot };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), U.litPropertyMetadata ?? (U.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let J = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = Vt) {
+  static createProperty(t, e = Wt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
       const n = Symbol(), i = this.getPropertyDescriptor(t, n, e);
-      i !== void 0 && ce(this.prototype, t, i);
+      i !== void 0 && pe(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, n) {
-    const { get: i, set: r } = he(this.prototype, t) ?? { get() {
+    const { get: i, set: r } = ue(this.prototype, t) ?? { get() {
       return this[e];
     }, set(s) {
       this[e] = s;
@@ -100,17 +100,17 @@ let G = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Vt;
+    return this.elementProperties.get(t) ?? Wt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(tt("elementProperties"))) return;
-    const t = ue(this);
+    if (this.hasOwnProperty(ot("elementProperties"))) return;
+    const t = be(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(tt("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(tt("properties"))) {
-      const e = this.properties, n = [...de(e), ...pe(e)];
+    if (this.hasOwnProperty(ot("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ot("properties"))) {
+      const e = this.properties, n = [...ve(e), ...fe(e)];
       for (const i of n) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
@@ -129,8 +129,8 @@ let G = class extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const n = new Set(t.flat(1 / 0).reverse());
-      for (const i of n) e.unshift(Rt(i));
-    } else t !== void 0 && e.push(Rt(t));
+      for (const i of n) e.unshift(Zt(i));
+    } else t !== void 0 && e.push(Zt(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -159,7 +159,7 @@ let G = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ae(t, this.constructor.elementStyles), t;
+    return he(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -184,7 +184,7 @@ let G = class extends HTMLElement {
     var r;
     const n = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, n);
     if (i !== void 0 && n.reflect === !0) {
-      const s = (((r = n.converter) == null ? void 0 : r.toAttribute) !== void 0 ? n.converter : ut).toAttribute(e, n.type);
+      const s = (((r = n.converter) == null ? void 0 : r.toAttribute) !== void 0 ? n.converter : ft).toAttribute(e, n.type);
       this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
     }
   }
@@ -192,7 +192,7 @@ let G = class extends HTMLElement {
     var r, s;
     const n = this.constructor, i = n._$Eh.get(t);
     if (i !== void 0 && this._$Em !== i) {
-      const h = n.getPropertyOptions(i), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((r = h.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? h.converter : ut;
+      const h = n.getPropertyOptions(i), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((r = h.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? h.converter : ft;
       this._$Em = i, this[i] = c.fromAttribute(e, h.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
     }
   }
@@ -200,7 +200,7 @@ let G = class extends HTMLElement {
     var i;
     if (t !== void 0) {
       const r = this.constructor, s = this[t];
-      if (n ?? (n = r.getPropertyOptions(t)), !((n.hasChanged ?? Pt)(s, e) || n.useDefault && n.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(r._$Eu(t, n)))) return;
+      if (n ?? (n = r.getPropertyOptions(t)), !((n.hasChanged ?? Ot)(s, e) || n.useDefault && n.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(r._$Eu(t, n)))) return;
       this.C(t, e, n);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -276,76 +276,76 @@ let G = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-G.elementStyles = [], G.shadowRootOptions = { mode: "open" }, G[tt("elementProperties")] = /* @__PURE__ */ new Map(), G[tt("finalized")] = /* @__PURE__ */ new Map(), xt == null || xt({ ReactiveElement: G }), (j.reactiveElementVersions ?? (j.reactiveElementVersions = [])).push("2.1.0");
+J.elementStyles = [], J.shadowRootOptions = { mode: "open" }, J[ot("elementProperties")] = /* @__PURE__ */ new Map(), J[ot("finalized")] = /* @__PURE__ */ new Map(), $t == null || $t({ ReactiveElement: J }), (U.reactiveElementVersions ?? (U.reactiveElementVersions = [])).push("2.1.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const et = globalThis, vt = et.trustedTypes, Zt = vt ? vt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, te = "$lit$", T = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + T, be = `<${ee}>`, Z = document, it = () => Z.createComment(""), nt = (o) => o === null || typeof o != "object" && typeof o != "function", It = Array.isArray, fe = (o) => It(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", wt = `[ 	
-\f\r]`, Y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, qt = /-->/g, Wt = />/g, R = RegExp(`>|${wt}(?:([^\\s"'>=/]+)(${wt}*=${wt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Kt = /'/g, Gt = /"/g, oe = /^(?:script|style|textarea|title)$/i, ge = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = ge(1), N = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Xt = /* @__PURE__ */ new WeakMap(), F = Z.createTreeWalker(Z, 129);
-function ie(o, t) {
-  if (!It(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Zt !== void 0 ? Zt.createHTML(t) : t;
+const it = globalThis, bt = it.trustedTypes, Kt = bt ? bt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ie = "$lit$", j = `lit$${Math.random().toFixed(9).slice(2)}$`, ne = "?" + j, ye = `<${ne}>`, W = document, rt = () => W.createComment(""), st = (o) => o === null || typeof o != "object" && typeof o != "function", Bt = Array.isArray, me = (o) => Bt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", _t = `[ 	
+\f\r]`, et = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Gt = /-->/g, Xt = />/g, V = RegExp(`>|${_t}(?:([^\\s"'>=/]+)(${_t}*=${_t}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Jt = /'/g, Qt = /"/g, re = /^(?:script|style|textarea|title)$/i, xe = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = xe(1), N = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Yt = /* @__PURE__ */ new WeakMap(), Z = W.createTreeWalker(W, 129);
+function se(o, t) {
+  if (!Bt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Kt !== void 0 ? Kt.createHTML(t) : t;
 }
-const ye = (o, t) => {
+const we = (o, t) => {
   const e = o.length - 1, n = [];
-  let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = Y;
+  let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = et;
   for (let h = 0; h < e; h++) {
     const c = o[h];
-    let g, m, p = -1, O = 0;
-    for (; O < c.length && (s.lastIndex = O, m = s.exec(c), m !== null); ) O = s.lastIndex, s === Y ? m[1] === "!--" ? s = qt : m[1] !== void 0 ? s = Wt : m[2] !== void 0 ? (oe.test(m[2]) && (i = RegExp("</" + m[2], "g")), s = R) : m[3] !== void 0 && (s = R) : s === R ? m[0] === ">" ? (s = i ?? Y, p = -1) : m[1] === void 0 ? p = -2 : (p = s.lastIndex - m[2].length, g = m[1], s = m[3] === void 0 ? R : m[3] === '"' ? Gt : Kt) : s === Gt || s === Kt ? s = R : s === qt || s === Wt ? s = Y : (s = R, i = void 0);
-    const M = s === R && o[h + 1].startsWith("/>") ? " " : "";
-    r += s === Y ? c + be : p >= 0 ? (n.push(g), c.slice(0, p) + te + c.slice(p) + T + M) : c + T + (p === -2 ? h : M);
+    let y, m, p = -1, B = 0;
+    for (; B < c.length && (s.lastIndex = B, m = s.exec(c), m !== null); ) B = s.lastIndex, s === et ? m[1] === "!--" ? s = Gt : m[1] !== void 0 ? s = Xt : m[2] !== void 0 ? (re.test(m[2]) && (i = RegExp("</" + m[2], "g")), s = V) : m[3] !== void 0 && (s = V) : s === V ? m[0] === ">" ? (s = i ?? et, p = -1) : m[1] === void 0 ? p = -2 : (p = s.lastIndex - m[2].length, y = m[1], s = m[3] === void 0 ? V : m[3] === '"' ? Qt : Jt) : s === Qt || s === Jt ? s = V : s === Gt || s === Xt ? s = et : (s = V, i = void 0);
+    const M = s === V && o[h + 1].startsWith("/>") ? " " : "";
+    r += s === et ? c + ye : p >= 0 ? (n.push(y), c.slice(0, p) + ie + c.slice(p) + j + M) : c + j + (p === -2 ? h : M);
   }
-  return [ie(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
+  return [se(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
 };
-class rt {
+class at {
   constructor({ strings: t, _$litType$: e }, n) {
     let i;
     this.parts = [];
     let r = 0, s = 0;
-    const h = t.length - 1, c = this.parts, [g, m] = ye(t, e);
-    if (this.el = rt.createElement(g, n), F.currentNode = this.el.content, e === 2 || e === 3) {
+    const h = t.length - 1, c = this.parts, [y, m] = we(t, e);
+    if (this.el = at.createElement(y, n), Z.currentNode = this.el.content, e === 2 || e === 3) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
-    for (; (i = F.nextNode()) !== null && c.length < h; ) {
+    for (; (i = Z.nextNode()) !== null && c.length < h; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(te)) {
-          const O = m[s++], M = i.getAttribute(p).split(T), dt = /([.?@])?(.*)/.exec(O);
-          c.push({ type: 1, index: r, name: dt[2], strings: M, ctor: dt[1] === "." ? xe : dt[1] === "?" ? we : dt[1] === "@" ? $e : ft }), i.removeAttribute(p);
-        } else p.startsWith(T) && (c.push({ type: 6, index: r }), i.removeAttribute(p));
-        if (oe.test(i.tagName)) {
-          const p = i.textContent.split(T), O = p.length - 1;
-          if (O > 0) {
-            i.textContent = vt ? vt.emptyScript : "";
-            for (let M = 0; M < O; M++) i.append(p[M], it()), F.nextNode(), c.push({ type: 2, index: ++r });
-            i.append(p[O], it());
+        if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(ie)) {
+          const B = m[s++], M = i.getAttribute(p).split(j), ut = /([.?@])?(.*)/.exec(B);
+          c.push({ type: 1, index: r, name: ut[2], strings: M, ctor: ut[1] === "." ? _e : ut[1] === "?" ? Ce : ut[1] === "@" ? ke : yt }), i.removeAttribute(p);
+        } else p.startsWith(j) && (c.push({ type: 6, index: r }), i.removeAttribute(p));
+        if (re.test(i.tagName)) {
+          const p = i.textContent.split(j), B = p.length - 1;
+          if (B > 0) {
+            i.textContent = bt ? bt.emptyScript : "";
+            for (let M = 0; M < B; M++) i.append(p[M], rt()), Z.nextNode(), c.push({ type: 2, index: ++r });
+            i.append(p[B], rt());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === ee) c.push({ type: 2, index: r });
+      } else if (i.nodeType === 8) if (i.data === ne) c.push({ type: 2, index: r });
       else {
         let p = -1;
-        for (; (p = i.data.indexOf(T, p + 1)) !== -1; ) c.push({ type: 7, index: r }), p += T.length - 1;
+        for (; (p = i.data.indexOf(j, p + 1)) !== -1; ) c.push({ type: 7, index: r }), p += j.length - 1;
       }
       r++;
     }
   }
   static createElement(t, e) {
-    const n = Z.createElement("template");
+    const n = W.createElement("template");
     return n.innerHTML = t, n;
   }
 }
-function X(o, t, e = o, n) {
+function Q(o, t, e = o, n) {
   var s, h;
   if (t === N) return t;
   let i = n !== void 0 ? (s = e._$Co) == null ? void 0 : s[n] : e._$Cl;
-  const r = nt(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== r && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), r === void 0 ? i = void 0 : (i = new r(o), i._$AT(o, e, n)), n !== void 0 ? (e._$Co ?? (e._$Co = []))[n] = i : e._$Cl = i), i !== void 0 && (t = X(o, i._$AS(o, t.values), i, n)), t;
+  const r = st(t) ? void 0 : t._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== r && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), r === void 0 ? i = void 0 : (i = new r(o), i._$AT(o, e, n)), n !== void 0 ? (e._$Co ?? (e._$Co = []))[n] = i : e._$Cl = i), i !== void 0 && (t = Q(o, i._$AS(o, t.values), i, n)), t;
 }
-class me {
+class $e {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -356,24 +356,24 @@ class me {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? Z).importNode(e, !0);
-    F.currentNode = i;
-    let r = F.nextNode(), s = 0, h = 0, c = n[0];
+    const { el: { content: e }, parts: n } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? W).importNode(e, !0);
+    Z.currentNode = i;
+    let r = Z.nextNode(), s = 0, h = 0, c = n[0];
     for (; c !== void 0; ) {
       if (s === c.index) {
-        let g;
-        c.type === 2 ? g = new ht(r, r.nextSibling, this, t) : c.type === 1 ? g = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (g = new _e(r, this, t)), this._$AV.push(g), c = n[++h];
+        let y;
+        c.type === 2 ? y = new pt(r, r.nextSibling, this, t) : c.type === 1 ? y = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (y = new Ae(r, this, t)), this._$AV.push(y), c = n[++h];
       }
-      s !== (c == null ? void 0 : c.index) && (r = F.nextNode(), s++);
+      s !== (c == null ? void 0 : c.index) && (r = Z.nextNode(), s++);
     }
-    return F.currentNode = Z, i;
+    return Z.currentNode = W, i;
   }
   p(t) {
     let e = 0;
     for (const n of this._$AV) n !== void 0 && (n.strings !== void 0 ? (n._$AI(t, n, e), e += n.strings.length - 2) : n._$AI(t[e])), e++;
   }
 }
-class ht {
+class pt {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -393,7 +393,7 @@ class ht {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = X(this, t, e), nt(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== N && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : fe(t) ? this.k(t) : this._(t);
+    t = Q(this, t, e), st(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== N && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : me(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -402,26 +402,26 @@ class ht {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== d && nt(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Z.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && st(this._$AH) ? this._$AA.nextSibling.data = t : this.T(W.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var r;
-    const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = rt.createElement(ie(n.h, n.h[0]), this.options)), n);
+    const { values: e, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = at.createElement(se(n.h, n.h[0]), this.options)), n);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
     else {
-      const s = new me(i, this), h = s.u(this.options);
+      const s = new $e(i, this), h = s.u(this.options);
       s.p(e), this.T(h), this._$AH = s;
     }
   }
   _$AC(t) {
-    let e = Xt.get(t.strings);
-    return e === void 0 && Xt.set(t.strings, e = new rt(t)), e;
+    let e = Yt.get(t.strings);
+    return e === void 0 && Yt.set(t.strings, e = new at(t)), e;
   }
   k(t) {
-    It(this._$AH) || (this._$AH = [], this._$AR());
+    Bt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let n, i = 0;
-    for (const r of t) i === e.length ? e.push(n = new ht(this.O(it()), this.O(it()), this, this.options)) : n = e[i], n._$AI(r), i++;
+    for (const r of t) i === e.length ? e.push(n = new pt(this.O(rt()), this.O(rt()), this, this.options)) : n = e[i], n._$AI(r), i++;
     i < e.length && (this._$AR(n && n._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -436,7 +436,7 @@ class ht {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class ft {
+class yt {
   get tagName() {
     return this.element.tagName;
   }
@@ -449,11 +449,11 @@ class ft {
   _$AI(t, e = this, n, i) {
     const r = this.strings;
     let s = !1;
-    if (r === void 0) t = X(this, t, e, 0), s = !nt(t) || t !== this._$AH && t !== N, s && (this._$AH = t);
+    if (r === void 0) t = Q(this, t, e, 0), s = !st(t) || t !== this._$AH && t !== N, s && (this._$AH = t);
     else {
       const h = t;
-      let c, g;
-      for (t = r[0], c = 0; c < r.length - 1; c++) g = X(this, h[n + c], e, c), g === N && (g = this._$AH[c]), s || (s = !nt(g) || g !== this._$AH[c]), g === d ? t = d : t !== d && (t += (g ?? "") + r[c + 1]), this._$AH[c] = g;
+      let c, y;
+      for (t = r[0], c = 0; c < r.length - 1; c++) y = Q(this, h[n + c], e, c), y === N && (y = this._$AH[c]), s || (s = !st(y) || y !== this._$AH[c]), y === d ? t = d : t !== d && (t += (y ?? "") + r[c + 1]), this._$AH[c] = y;
     }
     s && !i && this.j(t);
   }
@@ -461,7 +461,7 @@ class ft {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class xe extends ft {
+class _e extends yt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -469,7 +469,7 @@ class xe extends ft {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class we extends ft {
+class Ce extends yt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -477,12 +477,12 @@ class we extends ft {
     this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class $e extends ft {
+class ke extends yt {
   constructor(t, e, n, i, r) {
     super(t, e, n, i, r), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = X(this, t, e, 0) ?? d) === N) return;
+    if ((t = Q(this, t, e, 0) ?? d) === N) return;
     const n = this._$AH, i = t === d && n !== d || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, r = t !== d && (n === d || i);
     i && this.element.removeEventListener(this.name, this, n), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -491,7 +491,7 @@ class $e extends ft {
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class _e {
+class Ae {
   constructor(t, e, n) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = n;
   }
@@ -499,17 +499,17 @@ class _e {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    X(this, t);
+    Q(this, t);
   }
 }
-const $t = et.litHtmlPolyfillSupport;
-$t == null || $t(rt, ht), (et.litHtmlVersions ?? (et.litHtmlVersions = [])).push("3.3.0");
-const Ce = (o, t, e) => {
+const Ct = it.litHtmlPolyfillSupport;
+Ct == null || Ct(at, pt), (it.litHtmlVersions ?? (it.litHtmlVersions = [])).push("3.3.0");
+const Ee = (o, t, e) => {
   const n = (e == null ? void 0 : e.renderBefore) ?? t;
   let i = n._$litPart$;
   if (i === void 0) {
     const r = (e == null ? void 0 : e.renderBefore) ?? null;
-    n._$litPart$ = i = new ht(t.insertBefore(it(), r), r, void 0, e ?? {});
+    n._$litPart$ = i = new pt(t.insertBefore(rt(), r), r, void 0, e ?? {});
   }
   return i._$AI(o), i;
 };
@@ -518,8 +518,8 @@ const Ce = (o, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const V = globalThis;
-let v = class extends G {
+const q = globalThis;
+let u = class extends J {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -530,7 +530,7 @@ let v = class extends G {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ce(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ee(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -544,11 +544,11 @@ let v = class extends G {
     return N;
   }
 };
-var Qt;
-v._$litElement$ = !0, v.finalized = !0, (Qt = V.litElementHydrateSupport) == null || Qt.call(V, { LitElement: v });
-const _t = V.litElementPolyfillSupport;
-_t == null || _t({ LitElement: v });
-(V.litElementVersions ?? (V.litElementVersions = [])).push("4.2.0");
+var ee;
+u._$litElement$ = !0, u.finalized = !0, (ee = q.litElementHydrateSupport) == null || ee.call(q, { LitElement: u });
+const kt = q.litElementPolyfillSupport;
+kt == null || kt({ LitElement: u });
+(q.litElementVersions ?? (q.litElementVersions = [])).push("4.2.0");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -564,7 +564,7 @@ const x = (o) => (t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ke = { attribute: !0, type: String, converter: ut, reflect: !1, hasChanged: Pt }, Ae = (o = ke, t, e) => {
+const Se = { attribute: !0, type: String, converter: ft, reflect: !1, hasChanged: Ot }, Le = (o = Se, t, e) => {
   const { kind: n, metadata: i } = e;
   let r = globalThis.litPropertyMetadata.get(i);
   if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), n === "setter" && ((o = Object.create(o)).wrapped = !0), r.set(e.name, o), n === "accessor") {
@@ -586,7 +586,7 @@ const ke = { attribute: !0, type: String, converter: ut, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + n);
 };
 function a(o) {
-  return (t, e) => typeof e == "object" ? Ae(o, t, e) : ((n, i, r) => {
+  return (t, e) => typeof e == "object" ? Le(o, t, e) : ((n, i, r) => {
     const s = i.hasOwnProperty(r);
     return i.constructor.createProperty(r, n), s ? Object.getOwnPropertyDescriptor(i, r) : void 0;
   })(o, t, e);
@@ -596,15 +596,14 @@ function a(o) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function q(o) {
+function K(o) {
   return a({ ...o, state: !0, attribute: !1 });
 }
-const gt = y`
-	outline: 1px dashed var(--button-border-color);
+const mt = b`
+	outline: 1px dashed var(--color-border-primary);
 	outline-offset: 2px;
-	outline: dashed black;
 `;
-y`
+b`
 	:host * {
 		box-sizing: border-box;
 	}
@@ -614,12 +613,12 @@ y`
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const Ot = Symbol("internals"), Ct = Symbol("privateInternals");
-function Bt(o) {
+const zt = Symbol("internals"), At = Symbol("privateInternals");
+function Dt(o) {
   var t;
   class e extends o {
-    get [(t = Ot, t)]() {
-      return this[Ct] || (this[Ct] = this.attachInternals()), this[Ct];
+    get [(t = zt, t)]() {
+      return this[At] || (this[At] = this.attachInternals()), this[At];
     }
   }
   return e;
@@ -629,11 +628,11 @@ function Bt(o) {
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-function Ee(o) {
+function Pe(o) {
   o.addInitializer((t) => {
     const e = t;
     e.addEventListener("click", async (n) => {
-      const { type: i, [Ot]: r } = e, { form: s } = r;
+      const { type: i, [zt]: r } = e, { form: s } = r;
       if (!(!s || i === "button") && (await new Promise((h) => {
         setTimeout(h);
       }), !n.defaultPrevented)) {
@@ -656,41 +655,41 @@ function Ee(o) {
     });
   });
 }
-const Se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+const Ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
 </svg>
-`, Le = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
 </svg>
-`, Pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
 </svg>
-`, Ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, ze = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
 </svg>
-`, Oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
 </svg>
-`, Be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, He = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
 </svg>
-`, ze = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Te = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
 </svg>
-`, De = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Me = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
 </svg>
-`, He = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, je = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
 </svg>
-`, Me = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ue = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2 2L14 14" stroke="#3F2B2E"/>
 <path d="M14 2L2 14" stroke="#3F2B2E"/>
 </svg>
-`, Te = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
 </svg>
-`, je = `<?xml version="1.0" encoding="utf-8"?>
+`, Re = `<?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -700,7 +699,7 @@ const Se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
 	s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
 </svg>
-`, Ne = `<?xml version="1.0" encoding="utf-8"?>
+`, Fe = `<?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
@@ -709,74 +708,74 @@ const Se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 </style>
 <path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
 </svg>
-`, Ue = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ve = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
 </svg>
-`, Re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ze = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
 </svg>
-`, Fe = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, qe = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
 </svg>
-`, Ve = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, We = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
 </svg>
-`, Ze = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ke = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
 </svg>
-`, qe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ge = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
 </svg>
-`, We = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Xe = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
 </svg>
-`, Ke = `<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Je = `<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="1" width="2" height="8" fill="#3F2B2E"/>
 <rect x="5" width="2" height="8" fill="#3F2B2E"/>
 </svg>
-`, Ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Qe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
 </svg>
-`, Xe = `<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+`, Ye = `<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
   <line x1="0" y1="0" x2="200" y2="200" />
-</svg>`, Je = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+</svg>`, to = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
 <path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
 </svg>
-`, W = {
-  wishlist: Se,
-  playerv: Le,
-  chevronRight: Pe,
-  chevronLeft: Ie,
-  icoPlus: je,
-  icoMinus: Ne,
-  "star-0": Oe,
-  "star-25": Be,
-  "star-50": ze,
-  "star-75": De,
-  "star-100": He,
-  cross: Me,
-  search: Te,
-  arrowLeft: Ue,
-  arrowTop: Re,
-  cart: Fe,
-  notifyme: Ve,
-  triangledown: Ze,
-  triangleup: qe,
-  checkstroke: We,
-  pause: Ke,
-  mapDualArrow: Ge,
-  swipeDualArrow: Je
-}, Qe = {
-  strikeDiagonal: Xe
+`, G = {
+  wishlist: Ie,
+  playerv: Oe,
+  chevronRight: Be,
+  chevronLeft: ze,
+  icoPlus: Re,
+  icoMinus: Fe,
+  "star-0": De,
+  "star-25": He,
+  "star-50": Te,
+  "star-75": Me,
+  "star-100": je,
+  cross: Ue,
+  search: Ne,
+  arrowLeft: Ve,
+  arrowTop: Ze,
+  cart: qe,
+  notifyme: We,
+  triangledown: Ke,
+  triangleup: Ge,
+  checkstroke: Xe,
+  pause: Je,
+  mapDualArrow: Qe,
+  swipeDualArrow: to
+}, eo = {
+  strikeDiagonal: Ye
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const zt = { ATTRIBUTE: 1, CHILD: 2 }, Dt = (o) => (...t) => ({ _$litDirective$: o, values: t });
-let Ht = class {
+const Ht = { ATTRIBUTE: 1, CHILD: 2 }, Tt = (o) => (...t) => ({ _$litDirective$: o, values: t });
+let Mt = class {
   constructor(t) {
   }
   get _$AU() {
@@ -797,9 +796,9 @@ let Ht = class {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class kt extends Ht {
+class Et extends Mt {
   constructor(t) {
-    if (super(t), this.it = d, t.type !== zt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(t), this.it = d, t.type !== Ht.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(t) {
     if (t === d || t == null) return this._t = void 0, this.it = t;
@@ -811,23 +810,23 @@ class kt extends Ht {
     return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
   }
 }
-kt.directiveName = "unsafeHTML", kt.resultType = 1;
+Et.directiveName = "unsafeHTML", Et.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class At extends kt {
+class St extends Et {
 }
-At.directiveName = "unsafeSVG", At.resultType = 2;
-const S = Dt(At);
-var Ye = Object.defineProperty, to = Object.getOwnPropertyDescriptor, w = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? to(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+St.directiveName = "unsafeSVG", St.resultType = 2;
+const L = Tt(St);
+var oo = Object.defineProperty, io = Object.getOwnPropertyDescriptor, w = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? io(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Ye(t, e, i), i;
+  return n && i && oo(t, e, i), i;
 };
-const eo = Bt(v);
-let b = class extends eo {
+const no = Dt(u);
+let f = class extends no {
   constructor() {
     super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "", this.endIconModel = "", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "", this.underlined = !1;
   }
@@ -838,7 +837,7 @@ let b = class extends eo {
     this.setAttribute("name", o);
   }
   get form() {
-    return this[Ot].form;
+    return this[zt].form;
   }
   handleClick() {
     if (this.panelTarget) {
@@ -852,11 +851,11 @@ let b = class extends eo {
   renderIcon(o) {
     const t = o === "start" ? this.startIconModel : this.endIconModel;
     if (!t) return d;
-    const e = W[t].replace(
+    const e = G[t].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
-    return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${S(e)}</span>`;
+    return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${L(e)}</span>`;
   }
   renderButton() {
     const o = this.text || this.textsecond;
@@ -890,15 +889,19 @@ let b = class extends eo {
     `;
   }
 };
-Ee(b);
-b.formAssociated = !0;
-b.styles = y`
+Pe(f);
+f.formAssociated = !0;
+f.styles = b`
     :host {
       --button-border: transparent;
       cursor: pointer;
       display: inline-flex;
     }
 
+    :host(.a--tabfocus) {
+      outline: none !important;
+    }
+
     :host([fullwidth]) {
       width: 100%;
     }
@@ -1004,7 +1007,7 @@ b.styles = y`
     }
 
     .button:focus-visible {
-      ${gt};
+      ${mt};
     }
 
     span.text + span.text::before {
@@ -1079,58 +1082,58 @@ b.styles = y`
   `;
 w([
   a()
-], b.prototype, "type", 2);
+], f.prototype, "type", 2);
 w([
   a({ reflect: !0 })
-], b.prototype, "value", 2);
+], f.prototype, "value", 2);
 w([
   a({ type: String, reflect: !0 })
-], b.prototype, "variant", 2);
+], f.prototype, "variant", 2);
 w([
   a({ type: String })
-], b.prototype, "text", 2);
+], f.prototype, "text", 2);
 w([
   a({ type: String })
-], b.prototype, "textsecond", 2);
+], f.prototype, "textsecond", 2);
 w([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "fullwidth", 2);
+], f.prototype, "fullwidth", 2);
 w([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "disabled", 2);
+], f.prototype, "disabled", 2);
 w([
   a({ type: String, reflect: !0 })
-], b.prototype, "startIconModel", 2);
+], f.prototype, "startIconModel", 2);
 w([
   a({ type: String, reflect: !0 })
-], b.prototype, "endIconModel", 2);
+], f.prototype, "endIconModel", 2);
 w([
   a({ type: Boolean, reflect: !0, attribute: "starticon" })
-], b.prototype, "startIcon", 2);
+], f.prototype, "startIcon", 2);
 w([
   a({ type: Boolean, reflect: !0, attribute: "endicon" })
-], b.prototype, "endIcon", 2);
+], f.prototype, "endIcon", 2);
 w([
   a({ type: String, attribute: "paneltarget", reflect: !0 })
-], b.prototype, "panelTarget", 2);
+], f.prototype, "panelTarget", 2);
 w([
   a({ type: String })
-], b.prototype, "href", 2);
+], f.prototype, "href", 2);
 w([
   a({ type: String })
-], b.prototype, "target", 2);
+], f.prototype, "target", 2);
 w([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "underlined", 2);
-b = w([
+], f.prototype, "underlined", 2);
+f = w([
   x("o-button")
-], b);
-var oo = Object.defineProperty, io = Object.getOwnPropertyDescriptor, yt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? io(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], f);
+var ro = Object.defineProperty, so = Object.getOwnPropertyDescriptor, xt = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? so(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && oo(t, e, i), i;
+  return n && i && ro(t, e, i), i;
 };
-let J = class extends v {
+let Y = class extends u {
   constructor() {
     super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist", this.toggleStatus = () => {
       this.status = this.status === "empty" ? "filled" : "empty", this.setAttribute("aria-pressed", String(this.status === "filled")), this.dispatchEvent(new CustomEvent("wishlist-toggle", {
@@ -1150,14 +1153,14 @@ let J = class extends v {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.toggleStatus());
   }
   render() {
-    const o = W.wishlist.replace(
+    const o = G.wishlist.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
     return l`
 			<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
 				<span class="sr-only">${this.label}</span>
-				${S(o)}
+				${L(o)}
 			</button>
 		`;
   }
@@ -1171,7 +1174,7 @@ let J = class extends v {
     this.label = o, this.requestUpdate();
   }
 };
-J.styles = y`
+Y.styles = b`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -1237,30 +1240,30 @@ J.styles = y`
 			white-space: nowrap !important;
 		}
 	`;
-yt([
+xt([
   a({ type: String, reflect: !0 })
-], J.prototype, "status", 2);
-yt([
+], Y.prototype, "status", 2);
+xt([
   a({ type: String, reflect: !0 })
-], J.prototype, "ariaDescribedBy", 2);
-yt([
+], Y.prototype, "ariaDescribedBy", 2);
+xt([
   a({ type: String, reflect: !0 })
-], J.prototype, "label", 2);
-J = yt([
+], Y.prototype, "label", 2);
+Y = xt([
   x("o-wishlist-button")
-], J);
+], Y);
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const $ = (o) => o ?? d;
-var no = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, P = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? ro(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var ao = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, I = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? lo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && no(t, e, i), i;
+  return n && i && ao(t, e, i), i;
 };
-let _ = class extends v {
+let _ = class extends u {
   constructor() {
     super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1, this.showSrLabel = !1, this.srLabel = "";
   }
@@ -1268,14 +1271,14 @@ let _ = class extends v {
     super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
   }
   render() {
-    const o = W[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
+    const o = G[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ), n = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
     return l`
 			${this.type === "span" ? l`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">	
-					${S(e)}
+					${L(e)}
 				</span>
 			` : l`
 				<button
@@ -1284,14 +1287,14 @@ let _ = class extends v {
 					class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
 					?disabled="${this.disabled}"
 				>
-					${S(e)}
+					${L(e)}
 					${n}
 				</button>
 			`}
 		`;
   }
 };
-_.styles = y`
+_.styles = b`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -1502,42 +1505,42 @@ _.styles = y`
 			display: none;
 		}
 	`;
-P([
+I([
   a({ type: String, reflect: !0 })
 ], _.prototype, "bgstyle", 2);
-P([
+I([
   a({ type: String, reflect: !0 })
 ], _.prototype, "size", 2);
-P([
+I([
   a({ type: String, reflect: !0 })
 ], _.prototype, "status", 2);
-P([
+I([
   a({ type: String, reflect: !0 })
 ], _.prototype, "type", 2);
-P([
+I([
   a({ type: String })
 ], _.prototype, "strokewidth", 2);
-P([
+I([
   a({ type: String })
 ], _.prototype, "icon", 2);
-P([
+I([
   a({ type: Boolean, reflect: !0 })
 ], _.prototype, "disabled", 2);
-P([
+I([
   a({ type: Boolean })
 ], _.prototype, "showSrLabel", 2);
-P([
+I([
   a({ type: String })
 ], _.prototype, "srLabel", 2);
-_ = P([
+_ = I([
   x("o-icon-button")
 ], _);
-var so = Object.defineProperty, ao = Object.getOwnPropertyDescriptor, K = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? ao(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var co = Object.defineProperty, ho = Object.getOwnPropertyDescriptor, X = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? ho(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && so(t, e, i), i;
+  return n && i && co(t, e, i), i;
 };
-let B = class extends v {
+let z = class extends u {
   constructor() {
     super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
   }
@@ -1575,7 +1578,7 @@ let B = class extends v {
         `;
   }
 };
-B.styles = y`
+z.styles = b`
         :host([template="standard"]) a {
             color: var(--color-content-action-secondary);
             font-size: var(--font-size-200);
@@ -1663,33 +1666,33 @@ B.styles = y`
         }
         /* End of underline effect */
     `;
-K([
+X([
   a({ type: String })
-], B.prototype, "href", 2);
-K([
+], z.prototype, "href", 2);
+X([
   a({ type: String })
-], B.prototype, "target", 2);
-K([
+], z.prototype, "target", 2);
+X([
   a({ type: String, reflect: !0 })
-], B.prototype, "template", 2);
-K([
+], z.prototype, "template", 2);
+X([
   a({ type: Boolean, reflect: !0 })
-], B.prototype, "inverse", 2);
-K([
+], z.prototype, "inverse", 2);
+X([
   a({ type: Boolean, reflect: !0 })
-], B.prototype, "endIcon", 2);
-K([
+], z.prototype, "endIcon", 2);
+X([
   a({ type: Boolean, reflect: !0 })
-], B.prototype, "reverseEndIcon", 2);
-B = K([
+], z.prototype, "reverseEndIcon", 2);
+z = X([
   x("o-link")
-], B);
-var lo = Object.defineProperty, co = Object.getOwnPropertyDescriptor, mt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? co(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], z);
+var po = Object.defineProperty, uo = Object.getOwnPropertyDescriptor, wt = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? uo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && lo(t, e, i), i;
+  return n && i && po(t, e, i), i;
 };
-let Q = class extends v {
+let tt = class extends u {
   constructor() {
     super(...arguments), this.rating = 0;
   }
@@ -1708,7 +1711,7 @@ let Q = class extends v {
 			<div class="rating">
 			<div class="stars">
 				${o.map(
-      (t) => l`<span class="star">${S(W[t] ?? "")}</span>`
+      (t) => l`<span class="star">${L(G[t] ?? "")}</span>`
     )}
 			</div>
 			${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
@@ -1716,7 +1719,7 @@ let Q = class extends v {
 		`;
   }
 };
-Q.styles = y`
+tt.styles = b`
 		svg {
 			width: 12px;
 			height: 12px;
@@ -1750,74 +1753,74 @@ Q.styles = y`
 			cursor: pointer;
 		}
 	`;
-mt([
+wt([
   a({ type: Number })
-], Q.prototype, "rating", 2);
-mt([
+], tt.prototype, "rating", 2);
+wt([
   a({ type: String })
-], Q.prototype, "reviewCount", 2);
-mt([
+], tt.prototype, "reviewCount", 2);
+wt([
   a({ type: String })
-], Q.prototype, "href", 2);
-Q = mt([
+], tt.prototype, "href", 2);
+tt = wt([
   x("o-rating")
-], Q);
+], tt);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ho = (o) => o.strings === void 0;
+const vo = (o) => o.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ot = (o, t) => {
+const nt = (o, t) => {
   var n;
   const e = o._$AN;
   if (e === void 0) return !1;
-  for (const i of e) (n = i._$AO) == null || n.call(i, t, !1), ot(i, t);
+  for (const i of e) (n = i._$AO) == null || n.call(i, t, !1), nt(i, t);
   return !0;
-}, bt = (o) => {
+}, gt = (o) => {
   let t, e;
   do {
     if ((t = o._$AM) === void 0) break;
     e = t._$AN, e.delete(o), o = t;
   } while ((e == null ? void 0 : e.size) === 0);
-}, ne = (o) => {
+}, ae = (o) => {
   for (let t; t = o._$AM; o = t) {
     let e = t._$AN;
     if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
     else if (e.has(o)) break;
-    e.add(o), vo(t);
+    e.add(o), go(t);
   }
 };
-function po(o) {
-  this._$AN !== void 0 ? (bt(this), this._$AM = o, ne(this)) : this._$AM = o;
+function fo(o) {
+  this._$AN !== void 0 ? (gt(this), this._$AM = o, ae(this)) : this._$AM = o;
 }
-function uo(o, t = !1, e = 0) {
+function bo(o, t = !1, e = 0) {
   const n = this._$AH, i = this._$AN;
-  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) ot(n[r], !1), bt(n[r]);
-  else n != null && (ot(n, !1), bt(n));
-  else ot(this, o);
+  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = e; r < n.length; r++) nt(n[r], !1), gt(n[r]);
+  else n != null && (nt(n, !1), gt(n));
+  else nt(this, o);
 }
-const vo = (o) => {
-  o.type == zt.CHILD && (o._$AP ?? (o._$AP = uo), o._$AQ ?? (o._$AQ = po));
+const go = (o) => {
+  o.type == Ht.CHILD && (o._$AP ?? (o._$AP = bo), o._$AQ ?? (o._$AQ = fo));
 };
-class bo extends Ht {
+class yo extends Mt {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, e, n) {
-    super._$AT(t, e, n), ne(this), this.isConnected = t._$AU;
+    super._$AT(t, e, n), ae(this), this.isConnected = t._$AU;
   }
   _$AO(t, e = !0) {
     var n, i;
-    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (ot(this, t), bt(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), e && (nt(this, t), gt(this));
   }
   setValue(t) {
-    if (ho(this._$Ct)) this._$Ct._$AI(t, this);
+    if (vo(this._$Ct)) this._$Ct._$AI(t, this);
     else {
       const e = [...this._$Ct._$AH];
       e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
@@ -1828,7 +1831,7 @@ class bo extends Ht {
   reconnected() {
   }
 }
-class fo extends bo {
+class mo extends yo {
   constructor() {
     super(...arguments), this.prevData = {};
   }
@@ -1855,7 +1858,7 @@ class fo extends bo {
         (!t || !(i in t) && n[i] === e[i]) && (n[i] = void 0);
   }
 }
-class go extends fo {
+class xo extends mo {
   constructor() {
     super(...arguments), this.eventData = {};
   }
@@ -1899,7 +1902,7 @@ class go extends fo {
     }
   }
 }
-class yo extends go {
+class wo extends xo {
   apply(t) {
     if (!t)
       return;
@@ -1948,13 +1951,13 @@ class yo extends go {
       }
   }
 }
-const Jt = Dt(yo);
-var mo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, f = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? xo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+const te = Tt(wo);
+var $o = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, g = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? _o(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && mo(t, e, i), i;
+  return n && i && $o(t, e, i), i;
 };
-let u = class extends v {
+let v = class extends u {
   constructor() {
     super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.headerTitleClassName = "panel-title", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.firstButtonProps = {}, this.onFirstButtonClickClose = !1, this.secondButtonLabel = "", this.secondButtonVariant = "secondary", this.secondButtonProps = {}, this.onSecondButtonClickClose = !1, this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (o) => {
       this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
@@ -2066,7 +2069,7 @@ let u = class extends v {
 								variant="${this.firstButtonVariant}"
 								@click=${this.handleFirstClick}
 								@keydown=${this.handleFirstClick}
-								${Jt(this.firstButtonProps)}
+								${te(this.firstButtonProps)}
 							>
 								${this.firstButtonLabel}
 							</o-button>
@@ -2077,7 +2080,7 @@ let u = class extends v {
 								variant="${this.secondButtonVariant}"
 								@click=${this.handleSecondClick}
 								@keydown=${this.handleSecondClick}
-								${Jt(this.secondButtonProps)}
+								${te(this.secondButtonProps)}
 							>
 								${this.secondButtonLabel}
 							</o-button>
@@ -2088,7 +2091,7 @@ let u = class extends v {
 		`;
   }
 };
-u.styles = y`
+v.styles = b`
 		:host {
 			--z-overlay: 99;
 			--z-panel: 100;
@@ -2192,7 +2195,7 @@ u.styles = y`
 		.panel:focus-visible,
 		.close-btn:focus,
 		.close-btn:focus-visible {
-			${gt}
+			${mt}
 		}
 
 		.content {
@@ -2237,69 +2240,69 @@ u.styles = y`
 			}
 		}
 	`;
-f([
+g([
   a({ type: Boolean, reflect: !0 })
-], u.prototype, "open", 2);
-f([
+], v.prototype, "open", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], u.prototype, "showHeader", 2);
-f([
+], v.prototype, "showHeader", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], u.prototype, "showFooter", 2);
-f([
+], v.prototype, "showFooter", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], u.prototype, "showHeaderStartIcon", 2);
-f([
+], v.prototype, "showHeaderStartIcon", 2);
+g([
   a({ type: String, reflect: !0 })
-], u.prototype, "headerTitle", 2);
-f([
+], v.prototype, "headerTitle", 2);
+g([
   a({ type: String, reflect: !0 })
-], u.prototype, "headerTitleClassName", 2);
-f([
+], v.prototype, "headerTitleClassName", 2);
+g([
   a({ type: String, reflect: !0 })
-], u.prototype, "closeButtonLabel", 2);
-f([
+], v.prototype, "closeButtonLabel", 2);
+g([
   a({ type: String, reflect: !0 })
-], u.prototype, "firstButtonLabel", 2);
-f([
+], v.prototype, "firstButtonLabel", 2);
+g([
   a({ type: String, reflect: !0 })
-], u.prototype, "firstButtonVariant", 2);
-f([
+], v.prototype, "firstButtonVariant", 2);
+g([
   a({ type: Object, reflect: !0 })
-], u.prototype, "firstButtonProps", 2);
-f([
+], v.prototype, "firstButtonProps", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], u.prototype, "onFirstButtonClickClose", 2);
-f([
+], v.prototype, "onFirstButtonClickClose", 2);
+g([
   a({ type: String, reflect: !0 })
-], u.prototype, "secondButtonLabel", 2);
-f([
+], v.prototype, "secondButtonLabel", 2);
+g([
   a({ type: String, reflect: !0 })
-], u.prototype, "secondButtonVariant", 2);
-f([
+], v.prototype, "secondButtonVariant", 2);
+g([
   a({ type: Object, reflect: !0 })
-], u.prototype, "secondButtonProps", 2);
-f([
+], v.prototype, "secondButtonProps", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], u.prototype, "onSecondButtonClickClose", 2);
-f([
+], v.prototype, "onSecondButtonClickClose", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], u.prototype, "disablePortal", 2);
-f([
+], v.prototype, "disablePortal", 2);
+g([
   a({ type: Number, reflect: !0 })
-], u.prototype, "zIndex", 2);
-f([
+], v.prototype, "zIndex", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], u.prototype, "initialized", 2);
-u = f([
+], v.prototype, "initialized", 2);
+v = g([
   x("o-side-panel")
-], u);
-var wo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, U = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? $o(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], v);
+var Co = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, R = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? ko(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && wo(t, e, i), i;
+  return n && i && Co(t, e, i), i;
 };
-let L = class extends v {
+let P = class extends u {
   constructor() {
     super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = l`
     <o-icon-button
@@ -2376,7 +2379,7 @@ let L = class extends v {
     `;
   }
 };
-L.styles = y`
+P.styles = b`
     :host {
       display: flex;
       gap: 5px;
@@ -2482,36 +2485,36 @@ L.styles = y`
       width: 0;
     }
   `;
-U([
+R([
   a({ type: Array })
-], L.prototype, "thumbnails", 2);
-U([
+], P.prototype, "thumbnails", 2);
+R([
   a({ type: Number })
-], L.prototype, "activeIndex", 2);
-U([
+], P.prototype, "activeIndex", 2);
+R([
   a({ type: Array })
-], L.prototype, "disabledIndexes", 2);
-U([
+], P.prototype, "disabledIndexes", 2);
+R([
   a({ type: String })
-], L.prototype, "maxWidth", 2);
-U([
+], P.prototype, "maxWidth", 2);
+R([
   a({ type: String })
-], L.prototype, "altressource", 2);
-U([
+], P.prototype, "altressource", 2);
+R([
   a({ type: Object })
-], L.prototype, "swiperInstance", 2);
-U([
-  q()
-], L.prototype, "focusedIndex", 2);
-L = U([
+], P.prototype, "swiperInstance", 2);
+R([
+  K()
+], P.prototype, "focusedIndex", 2);
+P = R([
   x("thumbnail-navigation")
-], L);
-var _o = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Mt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Co(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], P);
+var Ao = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, jt = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Eo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && _o(t, e, i), i;
+  return n && i && Ao(t, e, i), i;
 };
-let st = class extends v {
+let lt = class extends u {
   constructor() {
     super(...arguments), this.type = "", this.bgstyle = "background-white";
   }
@@ -2521,7 +2524,7 @@ let st = class extends v {
     `;
   }
 };
-st.styles = y`
+lt.styles = b`
     .tag {
       display: inline-block;
       padding: var(--spacing-2-xs) var(--spacing-s);
@@ -2577,21 +2580,21 @@ st.styles = y`
     }
 
   `;
-Mt([
+jt([
   a({ type: String, reflect: !0 })
-], st.prototype, "type", 2);
-Mt([
+], lt.prototype, "type", 2);
+jt([
   a({ type: String, reflect: !0 })
-], st.prototype, "bgstyle", 2);
-st = Mt([
+], lt.prototype, "bgstyle", 2);
+lt = jt([
   x("o-tag")
-], st);
-var ko = Object.defineProperty, Ao = Object.getOwnPropertyDescriptor, Tt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ao(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], lt);
+var So = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, Ut = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Lo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && ko(t, e, i), i;
+  return n && i && So(t, e, i), i;
 };
-let at = class extends v {
+let ct = class extends u {
   constructor() {
     super(...arguments), this.type = "top", this.text = "";
   }
@@ -2604,7 +2607,7 @@ let at = class extends v {
     `;
   }
 };
-at.styles = y`
+ct.styles = b`
     .tooltip {
         position: relative;
         display: inline-block;
@@ -2697,21 +2700,21 @@ at.styles = y`
   }
       
   `;
-Tt([
+Ut([
   a({ type: String, reflect: !0 })
-], at.prototype, "type", 2);
-Tt([
+], ct.prototype, "type", 2);
+Ut([
   a({ type: String, reflect: !0 })
-], at.prototype, "text", 2);
-at = Tt([
+], ct.prototype, "text", 2);
+ct = Ut([
   x("o-tooltip")
-], at);
-var Eo = Object.defineProperty, So = Object.getOwnPropertyDescriptor, z = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? So(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], ct);
+var Po = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, D = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Io(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Eo(t, e, i), i;
+  return n && i && Po(t, e, i), i;
 };
-let A = class extends v {
+let A = class extends u {
   constructor() {
     super(...arguments), this.options = [], this.value = "", this.name = "", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._handleOutsideClick = (o) => {
       this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
@@ -2777,7 +2780,7 @@ let A = class extends v {
     this.options.length > 0 && (this.options.some((e) => e.value === this.value) || (this.value = this.options[0].value));
   }
   render() {
-    const o = W.checkstroke.replace(
+    const o = G.checkstroke.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ), t = this.options.find((e) => e.value === this.value);
@@ -2822,10 +2825,10 @@ let A = class extends v {
                   ${e.url ? l`
                   <a href="${e.url}">
                     <span>${e.label}</span>
-                    ${e.value === this.value ? l`<span class="check">${S(o)}</span>` : null}
+                    ${e.value === this.value ? l`<span class="check">${L(o)}</span>` : null}
                   </a>` : l`
                     <span>${e.label}</span>
-                    ${e.value === this.value ? l`<span class="check">${S(o)}</span>` : null}`}
+                    ${e.value === this.value ? l`<span class="check">${L(o)}</span>` : null}`}
                 </li>`
     )}
           </ul>` : null}
@@ -2834,7 +2837,7 @@ let A = class extends v {
     `;
   }
 };
-A.styles = y`
+A.styles = b`
 		:host {
 			display: inline-block;
 			position: relative;
@@ -2974,44 +2977,44 @@ A.styles = y`
 			display: none;
 		}
 	`;
-z([
+D([
   a({ type: Array, reflect: !0 })
 ], A.prototype, "options", 2);
-z([
+D([
   a({ type: String, reflect: !0 })
 ], A.prototype, "value", 2);
-z([
+D([
   a({ type: String, reflect: !0 })
 ], A.prototype, "name", 2);
-z([
+D([
   a({ type: Boolean, reflect: !0 })
 ], A.prototype, "disabled", 2);
-z([
+D([
   a({ type: String, reflect: !0 })
 ], A.prototype, "width", 2);
-z([
-  q()
+D([
+  K()
 ], A.prototype, "open", 2);
-z([
-  q()
+D([
+  K()
 ], A.prototype, "activeIndex", 2);
-z([
-  q()
+D([
+  K()
 ], A.prototype, "menuWidth", 2);
-A = z([
+A = D([
   x("o-dropdown")
 ], A);
-var Lo = Object.getOwnPropertyDescriptor, Po = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Lo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Oo = Object.getOwnPropertyDescriptor, Bo = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Oo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = s(i) || i);
   return i;
 };
-let Et = class extends v {
+let Lt = class extends u {
   render() {
     return l` <span class="dots"></span> `;
   }
 };
-Et.styles = y`
+Lt.styles = b`
     :host {
       display: flex;
       align-items: center;
@@ -3063,15 +3066,15 @@ Et.styles = y`
       }
     }
   `;
-Et = Po([
+Lt = Bo([
   x("o-dots")
-], Et);
-var Io = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, I = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Oo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], Lt);
+var zo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, O = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Do(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Io(t, e, i), i;
+  return n && i && zo(t, e, i), i;
 };
-let C = class extends v {
+let C = class extends u {
   constructor() {
     super(...arguments), this.options = [], this.value = "", this.name = "", this.additionaltext = "+X variant(s)", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._handleOutsideClick = (o) => {
       this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
@@ -3137,7 +3140,7 @@ let C = class extends v {
     this.options.length > 0 && (this.options.some((t) => t.value === this.value) || (this.value = this.options[0].value));
   }
   render() {
-    const o = W.checkstroke.replace(
+    const o = G.checkstroke.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ), t = this.options.find((e) => e.value === this.value);
@@ -3196,7 +3199,7 @@ let C = class extends v {
 										<div class="right">
 											<span class="additional-text">${$(e.additionaltext)}</span>
 											${e.value === this.value && !e.additionaltext ? l`
-												<span class="check">${S(o)}</span>` : null}
+												<span class="check">${L(o)}</span>` : null}
 										</div>
 									</a>
 								</li>
@@ -3208,7 +3211,7 @@ let C = class extends v {
 		`;
   }
 };
-C.styles = y`
+C.styles = b`
 		:host {
 			display: inline-block;
 			position: relative;
@@ -3384,34 +3387,34 @@ C.styles = y`
 			display: none;
 		}
 	`;
-I([
+O([
   a({ type: Array, reflect: !0 })
 ], C.prototype, "options", 2);
-I([
+O([
   a({ type: String, reflect: !0 })
 ], C.prototype, "value", 2);
-I([
+O([
   a({ type: String, reflect: !0 })
 ], C.prototype, "name", 2);
-I([
+O([
   a({ type: String, reflect: !0 })
 ], C.prototype, "additionaltext", 2);
-I([
+O([
   a({ type: Boolean, reflect: !0 })
 ], C.prototype, "disabled", 2);
-I([
+O([
   a({ type: String, reflect: !0 })
 ], C.prototype, "width", 2);
-I([
-  q()
+O([
+  K()
 ], C.prototype, "open", 2);
-I([
-  q()
+O([
+  K()
 ], C.prototype, "activeIndex", 2);
-I([
-  q()
+O([
+  K()
 ], C.prototype, "menuWidth", 2);
-C = I([
+C = O([
   x("o-dropdown-variant")
 ], C);
 /**
@@ -3419,10 +3422,10 @@ C = I([
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const re = "important", Bo = " !" + re, zo = Dt(class extends Ht {
+const le = "important", Ho = " !" + le, To = Tt(class extends Mt {
   constructor(o) {
     var t;
-    if (super(o), o.type !== zt.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(o), o.type !== Ht.ATTRIBUTE || o.name !== "style" || ((t = o.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(o) {
     return Object.keys(o).reduce((t, e) => {
@@ -3438,19 +3441,19 @@ const re = "important", Bo = " !" + re, zo = Dt(class extends Ht {
       const i = t[n];
       if (i != null) {
         this.ft.add(n);
-        const r = typeof i == "string" && i.endsWith(Bo);
-        n.includes("-") || r ? e.setProperty(n, r ? i.slice(0, -11) : i, r ? re : "") : e[n] = i;
+        const r = typeof i == "string" && i.endsWith(Ho);
+        n.includes("-") || r ? e.setProperty(n, r ? i.slice(0, -11) : i, r ? le : "") : e[n] = i;
       }
     }
     return N;
   }
 });
-var Do = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, jt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ho(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Mo = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, Nt = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? jo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Do(t, e, i), i;
+  return n && i && Mo(t, e, i), i;
 };
-let lt = class extends v {
+let ht = class extends u {
   constructor() {
     super(...arguments), this.option = {}, this.imageSize = 64;
   }
@@ -3459,7 +3462,7 @@ let lt = class extends v {
       width: `${this.imageSize}px`,
       height: `${this.imageSize}px`
     }, e = l`
-      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${zo(t)} />` : ""}
+      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${$(this.option.title)}" aria-hidden="true" style=${To(t)} />` : ""}
       <div class="m-reassurance-content">
         <h3 class="a-reassurance-text">${$(this.option.title)}</h3>
         <p class="a-reassurance-description">${$(this.option.description)}</p>
@@ -3468,7 +3471,7 @@ let lt = class extends v {
     return o ? l`<a href="${$(this.option.url)}" class="reassurance-item clickable">${e}</a>` : l`<div class="reassurance-item">${e}</div>`;
   }
 };
-lt.styles = y`
+ht.styles = b`
     :host {
       display: inline-block;
       position: relative;
@@ -3550,22 +3553,22 @@ lt.styles = y`
       }
     }
   `;
-jt([
+Nt([
   a({ type: Object, reflect: !0 })
-], lt.prototype, "option", 2);
-jt([
+], ht.prototype, "option", 2);
+Nt([
   a({ type: Number, reflect: !0 })
-], lt.prototype, "imageSize", 2);
-lt = jt([
+], ht.prototype, "imageSize", 2);
+ht = Nt([
   x("o-reassurance")
-], lt);
-var Mo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, D = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? To(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], ht);
+var Uo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? No(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Mo(t, e, i), i;
+  return n && i && Uo(t, e, i), i;
 };
-const jo = Bt(v);
-let k = class extends jo {
+const Ro = Dt(u);
+let k = class extends Ro {
   constructor() {
     super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
   }
@@ -3588,7 +3591,7 @@ let k = class extends jo {
     `;
   }
 };
-k.styles = y`
+k.styles = b`
     :host {
       cursor: pointer;
       display: inline-flex;
@@ -3603,6 +3606,10 @@ k.styles = y`
       --button-endicon-svg-width: 0px; /* No endicon SVG for secondary button */
     }
 
+    :host(.a--tabfocus) {
+      outline: none !important;
+    }
+
     :host([fullwidth]) {
       width: 100%;
     }
@@ -3660,7 +3667,7 @@ k.styles = y`
       }
 
       &:focus-visible {
-        ${gt};
+        ${mt};
       }
     }
 
@@ -3674,39 +3681,39 @@ k.styles = y`
       align-items: center;
     }
   `;
-D([
+H([
   a({ type: String, reflect: !0 })
 ], k.prototype, "link", 2);
-D([
+H([
   a({ reflect: !0 })
 ], k.prototype, "name", 2);
-D([
+H([
   a({ reflect: !0 })
 ], k.prototype, "value", 2);
-D([
+H([
   a({ type: String })
 ], k.prototype, "text", 2);
-D([
+H([
   a({ type: String, reflect: !0 })
 ], k.prototype, "size", 2);
-D([
+H([
   a({ type: Boolean, reflect: !0 })
 ], k.prototype, "selected", 2);
-D([
+H([
   a({ type: Boolean, reflect: !0 })
 ], k.prototype, "fullwidth", 2);
-D([
+H([
   a({ type: Boolean, reflect: !0 })
 ], k.prototype, "inactive", 2);
-k = D([
+k = H([
   x("o-chip")
 ], k);
-var No = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, Nt = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Uo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+var Fo = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, Rt = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? Vo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && No(t, e, i), i;
+  return n && i && Fo(t, e, i), i;
 };
-let ct = class extends v {
+let dt = class extends u {
   constructor() {
     super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
   }
@@ -3722,7 +3729,7 @@ let ct = class extends v {
     `;
   }
 };
-ct.styles = y`
+dt.styles = b`
     :host {
       display: flex;
       flex-direction: row;
@@ -3730,22 +3737,22 @@ ct.styles = y`
       gap: var(--spacing-s);
     }
   `;
-Nt([
+Rt([
   a({ reflect: !0 })
-], ct.prototype, "name", 2);
-Nt([
+], dt.prototype, "name", 2);
+Rt([
   a({ reflect: !0 })
-], ct.prototype, "value", 2);
-ct = Nt([
+], dt.prototype, "value", 2);
+dt = Rt([
   x("o-chipset")
-], ct);
-var Ro = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
-  for (var i = n > 1 ? void 0 : n ? Fo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
+], dt);
+var Zo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, T = (o, t, e, n) => {
+  for (var i = n > 1 ? void 0 : n ? qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
     (s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
-  return n && i && Ro(t, e, i), i;
+  return n && i && Zo(t, e, i), i;
 };
-const Vo = Bt(v);
-let E = class extends Vo {
+const Wo = Dt(u);
+let E = class extends Wo {
   constructor() {
     super(...arguments), this.name = "", this.value = "", this.type = "", this.dataHref = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
   }
@@ -3757,18 +3764,18 @@ let E = class extends Vo {
     this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
   }
   crossIcon() {
-    const o = W[this.crossIconName].replace(
+    const o = G[this.crossIconName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
-    return l`<span class="cross-icon">${S(o)}</span>`;
+    return l`<span class="cross-icon">${L(o)}</span>`;
   }
   strikeThroughImg() {
-    const o = Qe[this.strikethroughImgName].replace(
+    const o = eo[this.strikethroughImgName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="strikethrough"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
-    return S(o);
+    return L(o);
   }
   render() {
     const o = this.text;
@@ -3795,7 +3802,7 @@ let E = class extends Vo {
     `;
   }
 };
-E.styles = y`
+E.styles = b`
     :host {
       cursor: pointer;
       display: inline-flex;
@@ -3811,6 +3818,10 @@ E.styles = y`
       --button-strikethrough-stroke: var(--color-border-secondary);
     }
 
+    :host(.a--tabfocus) {
+      outline: none !important;
+    }
+
     :host([fullwidth]) {
       width: 100%;
     }
@@ -3871,7 +3882,7 @@ E.styles = y`
     }
 
     .button:focus-visible {
-      ${gt};
+      ${mt};
     }
 
     span.text + span.text::before {
@@ -3917,30 +3928,182 @@ E.styles = y`
       }
     }
   `;
-H([
+T([
   a({ reflect: !0 })
 ], E.prototype, "name", 2);
-H([
+T([
   a({ reflect: !0 })
 ], E.prototype, "value", 2);
-H([
+T([
   a({ type: String, reflect: !0 })
 ], E.prototype, "type", 2);
-H([
+T([
   a({ type: String, reflect: !0, attribute: "data-href" })
 ], E.prototype, "dataHref", 2);
-H([
+T([
   a({ type: String })
 ], E.prototype, "text", 2);
-H([
+T([
   a({ type: Boolean, reflect: !0 })
 ], E.prototype, "selected", 2);
-H([
+T([
   a({ type: Boolean, reflect: !0 })
 ], E.prototype, "disabled", 2);
-H([
+T([
   a({ type: Boolean, reflect: !0 })
 ], E.prototype, "fullwidth", 2);
-E = H([
+E = T([
   x("o-filter-chip")
 ], E);
+var Ko = Object.defineProperty, F = (o, t, e, n) => {
+  for (var i = void 0, r = o.length - 1, s; r >= 0; r--)
+    (s = o[r]) && (i = s(t, e, i) || i);
+  return i && Ko(t, e, i), i;
+};
+const Ft = class Ft extends u {
+  constructor() {
+    super(...arguments), this.type = "cart | chevron", this.titleProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.imageUrl = "https://placehold.co/56x70", this.altImage = "";
+  }
+  onClick() {
+    typeof this.onClickTile == "function" && this.onClickTile();
+  }
+  get icons() {
+    return this.type === "chevron" ? l`
+                <o-icon-button
+                    @click=${this.onClick}
+                    icon="chevronRight"
+                    size="small"
+                    bgstyle="background-contrast"
+                    type="span"
+                    status="filled"
+                    strokewidth="0"
+                ></o-icon-button>
+            ` : l`
+            <o-icon-button
+                icon="cart"
+                size="small"
+                bgstyle="background-contrast"
+                type="span"
+                status="empty"
+                strokewidth="0"
+            ></o-icon-button>
+        `;
+  }
+  render() {
+    return l`
+        <div class="tile">
+            ${this.imageUrl ? l`<img src="${this.imageUrl}" alt="${this.altImage || ""}" />` : ""}
+            <div class="info">
+                ${this.titleProduct ? l`<div class="title">${this.titleProduct}</div>` : ""}
+                ${this.type === "cart" && (this.volume || this.mainPrice || this.perLiter) ? l`
+                    <div class="details">
+                        ${this.volume ? l`<span class="volume-info">${this.volume}</span>` : ""}
+                        ${this.mainPrice ? l`<span class="main-price">${this.mainPrice}</span>` : ""}
+                        ${this.perLiter ? l`<span class="per-liter">${this.perLiter}</span>` : ""}
+                    </div>
+                ` : ""}
+            </div>
+            ${this.icons}
+        </div>
+    `;
+  }
+};
+Ft.styles = b`
+    .tile {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          border-radius: var(--radius-xs);
+          background: var(--colors-blanc-brule-500);
+          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+          font-family: var(--font-family-loccitane-sans);
+          height: 70px;
+          width: 356px;
+          max-width: 356px;
+          padding: var(--spacing-2-xs) var(--spacing-s) var(--spacing-2-xs) var(--spacing-2-xs);
+        }
+
+        .tile img {
+          object-fit: cover;
+          width: 56px;
+          height: auto;
+        }
+
+        .info {
+          flex-grow: 1;
+          margin-left: 10px;
+        }
+
+        .info .title {
+            font-family: var(--font-family-loccitane-serif);
+            font-size: var(--font-size-150);
+            font-weight: var(--font-weight-400);
+            color: var(--colors-noir-des-terres-500);
+            line-height: var(--line-height-160);
+            letter-spacing: var(--letter-spacing-100);
+
+            +.details {
+                padding-top: var(--spacing-s);}
+        }
+
+        .info .details {
+            display: flex;
+            align-items: center;
+        }
+
+        .info .volume-info {
+            font-size: var(--font-size-100);
+            color: var(--colors-noir-des-terres-500);
+            font-family: var(--font-family-loccitane-sans);
+            line-height: var(--line-height-160);
+
+            + .main-price {
+                &::before {
+                    content: "•";
+                    padding: 0 var(--spacing-xs) 0 var(--spacing-2-xs);
+                    color: var(--colors-noir-des-terres-500);
+                }
+            }
+        }
+
+        .main-price {
+          font-family: var(--font-family-loccitane-sans);
+          color: var(--colors-noir-des-terres-500);
+          font-size: var(--font-size-100);
+          padding: 0 var(--spacing-xs) 0 0;
+          font-weight: var(--font-weight-400);
+        }
+
+        .per-liter {
+          font-size: var(--font-size-100);
+          color: var(--color-content-description);
+          letter-spacing: var(--letter-spacing-absolute);
+          line-height: var(--line-height-160);
+        }
+  `;
+let S = Ft;
+F([
+  a({ type: String })
+], S.prototype, "type");
+F([
+  a({ type: String })
+], S.prototype, "titleProduct");
+F([
+  a({ type: String })
+], S.prototype, "volume");
+F([
+  a({ type: String })
+], S.prototype, "perLiter");
+F([
+  a({ type: String })
+], S.prototype, "mainPrice");
+F([
+  a({ type: String })
+], S.prototype, "imageUrl");
+F([
+  a({ type: String })
+], S.prototype, "altImage");
+F([
+  a({ type: Function })
+], S.prototype, "onClickTile");
+customElements.define("mini-tile", S);