@florid-kit/components 0.4.14 → 0.4.16

package/index.js

@@ -2,17 +2,17 @@
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),bt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)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(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=bt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&bt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,s,r)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+n[r+1],n[0]);return new Et(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),s=X.litNonce;s!==void 0&&o.setAttribute("nonce",s),o.textContent=e.cssText,n.appendChild(o)}},gt=ht?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return It(e)})(n):n;/**
+ */const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),vt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)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(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&vt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,i,r)=>o+(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)+n[r+1],n[0]);return new Et(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),i=X.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=e.cssText,n.appendChild(o)}},bt=ht?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return It(e)})(n):n;/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,vt=C.trustedTypes,Ut=vt?vt.emptyScript:"",ot=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Ut:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},pt=(n,t)=>!zt(n,t),yt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:pt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=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=yt){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 o=Symbol(),s=this.getPropertyDescriptor(t,o,e);s!==void 0&&Ot(this.prototype,t,s)}}static getPropertyDescriptor(t,e,o){const{get:s,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:s,set(i){const c=s==null?void 0:s.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Mt(e),...Tt(e)];for(const s of o)this.createProperty(s,e[s])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,s]of e)this.elementProperties.set(o,s)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const s=this._$Eu(e,o);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const s of o)e.unshift(gt(s))}else t!==void 0&&e.push(gt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Bt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,o);if(s!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,s=o._$Eh.get(t);if(s!==void 0&&this._$Em!==s){const c=o.getPropertyOptions(s),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=s,this[s]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(s))??null,this._$Em=null}}requestUpdate(t,e,o){var s;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(i,e)||o.useDefault&&o.reflect&&i===((s=this._$Ej)==null?void 0:s.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:s,wrapped:r},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),s===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,i]of s){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(s=>{var r;return(r=s.hostUpdate)==null?void 0:r.call(s)}),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var s;return(s=o.hostUpdated)==null?void 0:s.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,ot==null||ot({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
+ */const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",ot=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Ut:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},pt=(n,t)=>!zt(n,t),yt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:pt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=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=yt){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 o=Symbol(),i=this.getPropertyDescriptor(t,o,e);i!==void 0&&Ot(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){const{get:i,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Mt(e),...Tt(e)];for(const i of o)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,i]of e)this.elementProperties.set(o,i)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const i=this._$Eu(e,o);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const i of o)e.unshift(bt(i))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Bt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,o);if(i!==void 0&&o.reflect===!0){const s=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const o=this.constructor,i=o._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=o.getPropertyOptions(i),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=i,this[i]=l.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,o){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(s,e)||o.useDefault&&o.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:i,wrapped:r},s){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var i;return(i=o.hostUpdated)==null?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,ot==null||ot({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,B=document,F=()=>B.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",ut=Array.isArray,jt=n=>ut(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",st=`[ 	
-\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,k=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,kt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,P=B.createTreeWalker(B,129);function Pt(n,t){if(!ut(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Vt=(n,t)=>{const e=n.length-1,o=[];let s,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let f,g,p=-1,w=0;for(;w<l.length&&(i.lastIndex=w,g=i.exec(l),g!==null);)w=i.lastIndex,i===j?g[1]==="!--"?i=$t:g[1]!==void 0?i=wt:g[2]!==void 0?(kt.test(g[2])&&(s=RegExp("</"+g[2],"g")),i=k):g[3]!==void 0&&(i=k):i===k?g[0]===">"?(i=s??j,p=-1):g[1]===void 0?p=-2:(p=i.lastIndex-g[2].length,f=g[1],i=g[3]===void 0?k:g[3]==='"'?_t:xt):i===_t||i===xt?i=k:i===$t||i===wt?i=j:(i=k,s=void 0);const S=i===k&&n[c+1].startsWith("/>")?" ":"";r+=i===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[Pt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class q{constructor({strings:t,_$litType$:e},o){let s;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,g]=Vt(t,e);if(this.el=q.createElement(f,o),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(s=P.nextNode())!==null&&l.length<c;){if(s.nodeType===1){if(s.hasAttributes())for(const p of s.getAttributeNames())if(p.endsWith(Ct)){const w=g[i++],S=s.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(w);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Zt:K[1]==="?"?qt:K[1]==="@"?Wt:Y}),s.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),s.removeAttribute(p));if(kt.test(s.tagName)){const p=s.textContent.split(E),w=p.length-1;if(w>0){s.textContent=Q?Q.emptyScript:"";for(let S=0;S<w;S++)s.append(p[S],F()),P.nextNode(),l.push({type:2,index:++r});s.append(p[w],F())}}}else if(s.nodeType===8)if(s.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=s.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=B.createElement("template");return o.innerHTML=t,o}}function D(n,t,e=n,o){var i,c;if(t===z)return t;let s=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==r&&((c=s==null?void 0:s._$AO)==null||c.call(s,!1),r===void 0?s=void 0:(s=new r(n),s._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=s:e._$Cl=s),s!==void 0&&(t=D(n,s._$AS(n,t.values),s,o)),t}class Ft{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,s=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=s;let r=P.nextNode(),i=0,c=0,l=o[0];for(;l!==void 0;){if(i===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Gt(r,this,t)),this._$AV.push(f),l=o[++c]}i!==(l==null?void 0:l.index)&&(r=P.nextNode(),i++)}return P.currentNode=B,s}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,s){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=s,this._$Cv=(s==null?void 0:s.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,s=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=q.createElement(Pt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===s)this._$AH.p(e);else{const i=new Ft(s,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new q(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,s=0;for(const r of t)s===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[s],o._$AI(r),s++;s<e.length&&(this._$AR(o&&o._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.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._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,s,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,s){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!Z(t)||t!==this._$AH&&t!==z,i&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===z&&(f=this._$AH[l]),i||(i=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!s&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Zt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class qt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Wt extends Y{constructor(t,e,o,s,r){super(t,e,o,s,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,s=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||s);s&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Gt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const it=V.litHtmlPolyfillSupport;it==null||it(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let s=o._$litPart$;if(s===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=s=new G(t.insertBefore(F(),r),r,void 0,e??{})}return s._$AI(n),s};/**
+ */const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,B=document,F=()=>B.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",ut=Array.isArray,jt=n=>ut(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",it=`[ 	
+\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,wt=/-->/g,$t=/>/g,k=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,kt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,P=B.createTreeWalker(B,129);function Pt(n,t){if(!ut(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Vt=(n,t)=>{const e=n.length-1,o=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=j;for(let c=0;c<e;c++){const l=n[c];let f,b,p=-1,$=0;for(;$<l.length&&(s.lastIndex=$,b=s.exec(l),b!==null);)$=s.lastIndex,s===j?b[1]==="!--"?s=wt:b[1]!==void 0?s=$t:b[2]!==void 0?(kt.test(b[2])&&(i=RegExp("</"+b[2],"g")),s=k):b[3]!==void 0&&(s=k):s===k?b[0]===">"?(s=i??j,p=-1):b[1]===void 0?p=-2:(p=s.lastIndex-b[2].length,f=b[1],s=b[3]===void 0?k:b[3]==='"'?_t:xt):s===_t||s===xt?s=k:s===wt||s===$t?s=j:(s=k,i=void 0);const S=s===k&&n[c+1].startsWith("/>")?" ":"";r+=s===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[Pt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class q{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let r=0,s=0;const c=t.length-1,l=this.parts,[f,b]=Vt(t,e);if(this.el=q.createElement(f,o),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=P.nextNode())!==null&&l.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Ct)){const $=b[s++],S=i.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec($);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Zt:K[1]==="?"?qt:K[1]==="@"?Wt:Y}),i.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),i.removeAttribute(p));if(kt.test(i.tagName)){const p=i.textContent.split(E),$=p.length-1;if($>0){i.textContent=Q?Q.emptyScript:"";for(let S=0;S<$;S++)i.append(p[S],F()),P.nextNode(),l.push({type:2,index:++r});i.append(p[$],F())}}}else if(i.nodeType===8)if(i.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=B.createElement("template");return o.innerHTML=t,o}}function D(n,t,e=n,o){var s,c;if(t===z)return t;let i=o!==void 0?(s=e._$Co)==null?void 0:s[o]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(n),i._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=i:e._$Cl=i),i!==void 0&&(t=D(n,i._$AS(n,t.values),i,o)),t}class Ft{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,i=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=i;let r=P.nextNode(),s=0,c=0,l=o[0];for(;l!==void 0;){if(s===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Gt(r,this,t)),this._$AV.push(f),l=o[++c]}s!==(l==null?void 0:l.index)&&(r=P.nextNode(),s++)}return P.currentNode=B,i}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,i=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=q.createElement(Pt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ft(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new q(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,i){const r=this.strings;let s=!1;if(r===void 0)t=D(this,t,e,0),s=!Z(t)||t!==this._$AH&&t!==z,s&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===z&&(f=this._$AH[l]),s||(s=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Zt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class qt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Wt extends Y{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,i=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||i);i&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Gt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const st=V.litHtmlPolyfillSupport;st==null||st(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let i=o._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=i=new G(t.insertBefore(F(),r),r,void 0,e??{})}return i._$AI(n),i};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -24,7 +24,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Xt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:pt},Jt=(n=Xt,t,e)=>{const{kind:o,metadata:s}=e;let r=globalThis.litPropertyMetadata.get(s);if(r===void 0&&globalThis.litPropertyMetadata.set(s,r=new Map),o==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),o==="accessor"){const{name:i}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(i,l,n)},init(c){return c!==void 0&&this.C(i,void 0,n,c),c}}}if(o==="setter"){const{name:i}=e;return function(c){const l=this[i];t.call(this,c),this.requestUpdate(i,l,n)}}throw Error("Unsupported decorator location: "+o)};function a(n){return(t,e)=>typeof e=="object"?Jt(n,t,e):((o,s,r)=>{const i=s.hasOwnProperty(r);return s.constructor.createProperty(r,o),i?Object.getOwnPropertyDescriptor(s,r):void 0})(n,t,e)}/**
+ */const Xt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:pt},Jt=(n=Xt,t,e)=>{const{kind:o,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),o==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),o==="accessor"){const{name:s}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(s,l,n)},init(c){return c!==void 0&&this.C(s,void 0,n,c),c}}}if(o==="setter"){const{name:s}=e;return function(c){const l=this[s];t.call(this,c),this.requestUpdate(s,l,n)}}throw Error("Unsupported decorator location: "+o)};function a(n){return(t,e)=>typeof e=="object"?Jt(n,t,e):((o,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,o),s?Object.getOwnPropertyDescriptor(i,r):void 0})(n,t,e)}/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -44,16 +44,16 @@
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */function ee(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async o=>{const{type:s,[ft]:r}=e,{form:i}=r;if(!(!i||s==="button")&&(await new Promise(c=>{setTimeout(c)}),!o.defaultPrevented)){if(s==="reset"){i.reset();return}i.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),i.requestSubmit()}})})}const ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+ */function ee(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async o=>{const{type:i,[ft]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!o.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const ne=`<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>
 `,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>
-`,se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`,ie=`<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">
+`,se=`<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>
 `,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -97,22 +97,22 @@
 </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>
-`,be=`<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>
-`,tt={wishlist:ne,playerv:oe,chevronRight:se,chevronLeft:ie,icoPlus:ue,icoMinus:fe,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe,arrowLeft:be};/**
+`,tt={wishlist:ne,playerv:oe,chevronRight:ie,chevronLeft:se,icoPlus:ue,icoMinus:fe,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe,arrowLeft:ve};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const ge={CHILD:2},ve=n=>(...t)=>({_$litDirective$:n,values:t});class ye{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
+ */const be={CHILD:2},ge=n=>(...t)=>({_$litDirective$:n,values:t});class ye{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class lt extends ye{constructor(t){if(super(t),this.it=d,t.type!==ge.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;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
+ */class lt extends ye{constructor(t){if(super(t),this.it=d,t.type!==be.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;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=ve(ct);var me=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var s=o>1?void 0:o?$e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&me(t,e,s),s};const we=te(m);let u=class extends we{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[ft].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=tt[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
+ */class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=ge(ct);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var i=o>1?void 0:o?we(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&me(t,e,i),i};const $e=te(m);let u=class extends $e{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[ft].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=tt[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
       <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
           ${this.startIcon?this.renderIcon("start"):d}
           ${n?h`
@@ -292,7 +292,7 @@
       transform: translateX(4px);
     }
     //End icon movment on hover
-  `;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([O("o-button")],u);var xe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var s=o>1?void 0:o?_e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&xe(t,e,s),s};let U=class extends m{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",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
+  `;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([O("o-button")],u);var xe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var i=o>1?void 0:o?_e(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&xe(t,e,i),i};let U=class extends m{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",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
 			<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
 				<span class="sr-only">${this.label}</span>
 				${W(n)}
@@ -339,6 +339,10 @@
 			fill: var(--color-content-action-secondary);
 		}
 
+		:host([status="empty"]) .wishlist-button svg path {
+			fill: var(--color-alpha-light-strong);
+		}
+
 		.sr-only {
 			border: 0 !important;
 			clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
@@ -352,7 +356,7 @@
 			width: 0.1rem !important;
 			white-space: nowrap !important;
 		}
-	`;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([O("o-wishlist-button")],U);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,L=(n,t,e,o)=>{for(var s=o>1?void 0:o?Se(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ae(t,e,s),s};let $=class extends m{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}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=tt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
+	`;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([O("o-wishlist-button")],U);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,L=(n,t,e,o)=>{for(var i=o>1?void 0:o?Se(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Ae(t,e,i),i};let w=class extends m{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}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=tt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
 			${this.type==="span"?h`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">	
 					${W(e)}
@@ -367,7 +371,7 @@
 					${W(e)}
 				</button>
 			`}
-		`}};$.styles=A`
+		`}};w.styles=A`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -566,7 +570,7 @@
 			}
 			
 		}
-	`;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([O("o-icon-button")],$);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ce(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ee(t,e,s),s};let x=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
+	`;L([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],w.prototype,"size",2);L([a({type:String,reflect:!0})],w.prototype,"status",2);L([a({type:String,reflect:!0})],w.prototype,"type",2);L([a({type:String})],w.prototype,"strokewidth",2);L([a({type:String})],w.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=L([O("o-icon-button")],w);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var i=o>1?void 0:o?Ce(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Ee(t,e,i),i};let x=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
             <a href="${this.href}" target="${this.target}">
                 ${this.endIcon&&this.reverseEndIcon?h`
                             <o-icon-button
@@ -675,7 +679,7 @@
             height: 1px;
         }
         /* End of underline effect */
-    `;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([O("o-link")],x);var Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var s=o>1?void 0:o?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Le(t,e,s),s};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let o;e>=1?o=100:e<=0?o=0:o=Math.round(e*100/25)*25,n.push(`star-${o}`)}return n}render(){const n=this.getStarKeys();return h`
+    `;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([O("o-link")],x);var Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var i=o>1?void 0:o?ke(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Le(t,e,i),i};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let o;e>=1?o=100:e<=0?o=0:o=Math.round(e*100/25)*25,n.push(`star-${o}`)}return n}render(){const n=this.getStarKeys();return h`
 			<div class="rating">
 			<div class="stars">
 				${n.map(t=>h`<span class="star">${W(tt[t]??"")}</span>`)}
@@ -715,7 +719,7 @@
 			text-decoration: underline;
 			cursor: pointer;
 		}
-	`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([O("o-rating")],N);var Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,v=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ie(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Pe(t,e,s),s};let b=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),o.focus()):!n.shiftKey&&document.activeElement===o&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
+	`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([O("o-rating")],N);var Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,g=(n,t,e,o)=>{for(var i=o>1?void 0:o?Ie(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Pe(t,e,i),i};let v=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),o.focus()):!n.shiftKey&&document.activeElement===o&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
 			<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
 			<div
 				class="panel"
@@ -761,7 +765,7 @@
 							</div>
 					`:null}
 			</div>
-		`}};b.styles=A`
+		`}};v.styles=A`
 		:host {
 			--z-overlay: 99;
 			--z-panel: 100;
@@ -772,6 +776,8 @@
 			width: 100%;
 			pointer-events: none;
 			z-index: var(--z-overlay);
+			--side-panel-width: 100%;
+			--side-panel-max-width: 416px;
 		}
 
 		/* Hide content until it is initialized */
@@ -804,9 +810,8 @@
 			position: absolute;
 			top: 0;
 			right: 0;
-			min-width: 375px;
-			width: 100%;
-			max-width: 416px;
+			width: var(--side-panel-width);
+			max-width: var(--side-panel-max-width);
 			height: 100%;
 			background: white;
 			box-shadow: var(--colors-alpha-dark-60);
@@ -822,6 +827,29 @@
 			transform: translateX(0%);
 		}
 
+		/* Mobile */
+		@media (max-width: 767px) {
+			:host {
+				--side-panel-width: 100%;
+				--side-panel-max-width: none;
+			}
+		}
+
+		/* Tablet */
+		@media (min-width: 768px) and (max-width: 1024px) {
+			:host {
+				--side-panel-width: 375px;
+				--side-panel-max-width: 375px;
+			}
+		}
+
+		@media (min-width: 1025px) {
+			:host {
+				--side-panel-width: 100%;
+				--side-panel-max-width: 416px;
+			}
+		}
+
 		.header {
 			flex: 0 0 auto;
 			display: flex;
@@ -876,14 +904,7 @@
 			gap: 16px;
 			justify-content: flex-start;
 		}
-
-		@media (max-width: 640px) {
-			.panel {
-				width: 100%;
-				max-width: none;
-			}
-		}
-	`;v([a({type:Boolean,reflect:!0})],b.prototype,"open",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);v([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);v([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);v([a({type:Function})],b.prototype,"onFirstButtonClick",2);v([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);v([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);v([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);v([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);v([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=v([O("o-side-panel")],b);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var s=o>1?void 0:o?ze(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Be(t,e,s),s};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
+	`;g([a({type:Boolean,reflect:!0})],v.prototype,"open",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],v.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);g([a({type:Function})],v.prototype,"onFirstButtonClick",2);g([a({type:String,reflect:!0})],v.prototype,"secondaryButtonLabel",2);g([a({type:String,reflect:!0})],v.prototype,"secondaryButtonVariant",2);g([a({type:Function})],v.prototype,"onSecondaryButtonClick",2);g([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=g([O("o-side-panel")],v);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var i=o>1?void 0:o?ze(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Be(t,e,i),i};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
     <o-icon-button
       icon="playerv"
       size="xsmall"
@@ -894,7 +915,7 @@
     ></o-icon-button>
   `}handleKeyDown(n){n.key==="ArrowRight"?(n.preventDefault(),this.focusNext()):n.key==="ArrowLeft"?(n.preventDefault(),this.focusPrevious()):(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.selectThumbnail(this.focusedIndex))}focusNext(){let n=this.focusedIndex+1;for(;this.disabledIndexes.includes(n)&&n<this.thumbnails.length;)n++;n<this.thumbnails.length&&(this.focusedIndex=n,this.focusThumbnail(n))}focusPrevious(){let n=this.focusedIndex-1;for(;this.disabledIndexes.includes(n)&&n>=0;)n--;n>=0&&(this.focusedIndex=n,this.focusThumbnail(n))}focusThumbnail(n){const t=this.renderRoot.querySelector(`[data-index="${n}"]`);t==null||t.focus()}selectThumbnail(n){this.disabledIndexes.includes(n)||(this.activeIndex=n,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(n),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:n}})))}render(){return h`
       <div class="scroll-container" style="max-width: ${this.maxWidth};">
-        ${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),o=this.activeIndex===t,s=n.type==="video";return h`
+        ${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),o=this.activeIndex===t,i=n.type==="video";return h`
             <div class="thumb-wrapper">
               <button
                 class="thumb"
@@ -907,7 +928,7 @@
               >
                 <img src="${n.src}" />
               </button>
-              ${s?h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
+              ${i?h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
             </div>
           `})}
       </div>

package/index.mjs

@@ -3,7 +3,7 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const X = globalThis, ht = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(), bt = /* @__PURE__ */ new WeakMap();
+const X = globalThis, ht = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(), vt = /* @__PURE__ */ new WeakMap();
 let Et = class {
   constructor(t, e, o) {
     if (this._$cssResult$ = !0, o !== dt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -14,7 +14,7 @@ let Et = class {
     const e = this.t;
     if (ht && t === void 0) {
       const o = e !== void 0 && e.length === 1;
-      o && (t = bt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && bt.set(e, t));
+      o && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && vt.set(e, t));
     }
     return t;
   }
@@ -23,19 +23,19 @@ let Et = class {
   }
 };
 const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n, ...t) => {
-  const e = n.length === 1 ? n[0] : t.reduce((o, s, r) => o + ((i) => {
-    if (i._$cssResult$ === !0) return i.cssText;
-    if (typeof i == "number") return i;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s) + n[r + 1], n[0]);
+  const e = n.length === 1 ? n[0] : t.reduce((o, i, r) => o + ((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) + n[r + 1], n[0]);
   return new Et(e, n, dt);
 }, Bt = (n, t) => {
   if (ht) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const o = document.createElement("style"), s = X.litNonce;
-    s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, n.appendChild(o);
+    const o = document.createElement("style"), i = X.litNonce;
+    i !== void 0 && o.setAttribute("nonce", i), o.textContent = e.cssText, n.appendChild(o);
   }
-}, gt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, bt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const o of t.cssRules) e += o.cssText;
   return It(e);
@@ -45,7 +45,7 @@ const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: zt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis, vt = C.trustedTypes, Ut = vt ? vt.emptyScript : "", ot = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
+const { is: zt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis, gt = C.trustedTypes, Ut = gt ? gt.emptyScript : "", ot = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
   switch (t) {
     case Boolean:
       n = n ? Ut : null;
@@ -84,19 +84,19 @@ let T = class extends HTMLElement {
   }
   static createProperty(t, e = yt) {
     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 o = Symbol(), s = this.getPropertyDescriptor(t, o, e);
-      s !== void 0 && Ot(this.prototype, t, s);
+      const o = Symbol(), i = this.getPropertyDescriptor(t, o, e);
+      i !== void 0 && Ot(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, o) {
-    const { get: s, set: r } = Ht(this.prototype, t) ?? { get() {
+    const { get: i, set: r } = Ht(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(i) {
-      this[e] = i;
+    }, set(s) {
+      this[e] = s;
     } };
-    return { get: s, set(i) {
-      const c = s == null ? void 0 : s.call(this);
-      r == null || r.call(this, i), this.requestUpdate(t, c, o);
+    return { get: i, set(s) {
+      const c = i == null ? void 0 : i.call(this);
+      r == null || r.call(this, s), this.requestUpdate(t, c, o);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
@@ -111,17 +111,17 @@ let T = class extends HTMLElement {
     if (this.hasOwnProperty(R("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
       const e = this.properties, o = [...Mt(e), ...Tt(e)];
-      for (const s of o) this.createProperty(s, e[s]);
+      for (const i of o) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [o, s] of e) this.elementProperties.set(o, s);
+      if (e !== void 0) for (const [o, i] of e) this.elementProperties.set(o, i);
     }
     this._$Eh = /* @__PURE__ */ new Map();
     for (const [e, o] of this.elementProperties) {
-      const s = this._$Eu(e, o);
-      s !== void 0 && this._$Eh.set(s, e);
+      const i = this._$Eu(e, o);
+      i !== void 0 && this._$Eh.set(i, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -129,8 +129,8 @@ let T = class extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const o = new Set(t.flat(1 / 0).reverse());
-      for (const s of o) e.unshift(gt(s));
-    } else t !== void 0 && e.push(gt(t));
+      for (const i of o) e.unshift(bt(i));
+    } else t !== void 0 && e.push(bt(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -182,31 +182,31 @@ let T = class extends HTMLElement {
   }
   _$ET(t, e) {
     var r;
-    const o = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, o);
-    if (s !== void 0 && o.reflect === !0) {
-      const i = (((r = o.converter) == null ? void 0 : r.toAttribute) !== void 0 ? o.converter : J).toAttribute(e, o.type);
-      this._$Em = t, i == null ? this.removeAttribute(s) : this.setAttribute(s, i), this._$Em = null;
+    const o = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, o);
+    if (i !== void 0 && o.reflect === !0) {
+      const s = (((r = o.converter) == null ? void 0 : r.toAttribute) !== void 0 ? o.converter : J).toAttribute(e, o.type);
+      this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var r, i;
-    const o = this.constructor, s = o._$Eh.get(t);
-    if (s !== void 0 && this._$Em !== s) {
-      const c = o.getPropertyOptions(s), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : J;
-      this._$Em = s, this[s] = l.fromAttribute(e, c.type) ?? ((i = this._$Ej) == null ? void 0 : i.get(s)) ?? null, this._$Em = null;
+    var r, s;
+    const o = this.constructor, i = o._$Eh.get(t);
+    if (i !== void 0 && this._$Em !== i) {
+      const c = o.getPropertyOptions(i), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : J;
+      this._$Em = i, this[i] = l.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
     }
   }
   requestUpdate(t, e, o) {
-    var s;
+    var i;
     if (t !== void 0) {
-      const r = this.constructor, i = this[t];
-      if (o ?? (o = r.getPropertyOptions(t)), !((o.hasChanged ?? pt)(i, e) || o.useDefault && o.reflect && i === ((s = this._$Ej) == null ? void 0 : s.get(t)) && !this.hasAttribute(r._$Eu(t, o)))) return;
+      const r = this.constructor, s = this[t];
+      if (o ?? (o = r.getPropertyOptions(t)), !((o.hasChanged ?? pt)(s, e) || o.useDefault && o.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(r._$Eu(t, o)))) return;
       this.C(t, e, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: o, reflect: s, wrapped: r }, i) {
-    o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, i ?? e ?? this[t]), r !== !0 || i !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (e = void 0), this._$AL.set(t, e)), s === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
+  C(t, e, { useDefault: o, reflect: i, wrapped: r }, s) {
+    o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), r !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -226,24 +226,24 @@ let T = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [r, i] of this._$Ep) this[r] = i;
+        for (const [r, s] of this._$Ep) this[r] = s;
         this._$Ep = void 0;
       }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [r, i] of s) {
-        const { wrapped: c } = i, l = this[r];
-        c !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, i, l);
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, s] of i) {
+        const { wrapped: c } = s, l = this[r];
+        c !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, s, l);
       }
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((s) => {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((i) => {
         var r;
-        return (r = s.hostUpdate) == null ? void 0 : r.call(s);
+        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
       }), this.update(e)) : this._$EM();
-    } catch (s) {
-      throw t = !1, this._$EM(), s;
+    } catch (i) {
+      throw t = !1, this._$EM(), i;
     }
     t && this._$AE(e);
   }
@@ -252,8 +252,8 @@ let T = class extends HTMLElement {
   _$AE(t) {
     var e;
     (e = this._$EO) == null || e.forEach((o) => {
-      var s;
-      return (s = o.hostUpdated) == null ? void 0 : s.call(o);
+      var i;
+      return (i = o.hostUpdated) == null ? void 0 : i.call(o);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EM() {
@@ -282,8 +282,8 @@ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const V = globalThis, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, B = document, F = () => B.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", ut = Array.isArray, jt = (n) => ut(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", st = `[ 	
-\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, k = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^ 	
+const V = globalThis, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, B = document, F = () => B.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", ut = Array.isArray, jt = (n) => ut(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", it = `[ 	
+\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, $t = />/g, k = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, kt = /^(?:script|style|textarea|title)$/i, Rt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Rt(1), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), P = B.createTreeWalker(B, 129);
 function Pt(n, t) {
   if (!ut(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -291,44 +291,44 @@ function Pt(n, t) {
 }
 const Vt = (n, t) => {
   const e = n.length - 1, o = [];
-  let s, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = j;
+  let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
   for (let c = 0; c < e; c++) {
     const l = n[c];
-    let f, g, p = -1, w = 0;
-    for (; w < l.length && (i.lastIndex = w, g = i.exec(l), g !== null); ) w = i.lastIndex, i === j ? g[1] === "!--" ? i = $t : g[1] !== void 0 ? i = wt : g[2] !== void 0 ? (kt.test(g[2]) && (s = RegExp("</" + g[2], "g")), i = k) : g[3] !== void 0 && (i = k) : i === k ? g[0] === ">" ? (i = s ?? j, p = -1) : g[1] === void 0 ? p = -2 : (p = i.lastIndex - g[2].length, f = g[1], i = g[3] === void 0 ? k : g[3] === '"' ? _t : xt) : i === _t || i === xt ? i = k : i === $t || i === wt ? i = j : (i = k, s = void 0);
-    const S = i === k && n[c + 1].startsWith("/>") ? " " : "";
-    r += i === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
+    let f, b, p = -1, $ = 0;
+    for (; $ < l.length && (s.lastIndex = $, b = s.exec(l), b !== null); ) $ = s.lastIndex, s === j ? b[1] === "!--" ? s = wt : b[1] !== void 0 ? s = $t : b[2] !== void 0 ? (kt.test(b[2]) && (i = RegExp("</" + b[2], "g")), s = k) : b[3] !== void 0 && (s = k) : s === k ? b[0] === ">" ? (s = i ?? j, p = -1) : b[1] === void 0 ? p = -2 : (p = s.lastIndex - b[2].length, f = b[1], s = b[3] === void 0 ? k : b[3] === '"' ? _t : xt) : s === _t || s === xt ? s = k : s === wt || s === $t ? s = j : (s = k, i = void 0);
+    const S = s === k && n[c + 1].startsWith("/>") ? " " : "";
+    r += s === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
   }
   return [Pt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
 };
 class q {
   constructor({ strings: t, _$litType$: e }, o) {
-    let s;
+    let i;
     this.parts = [];
-    let r = 0, i = 0;
-    const c = t.length - 1, l = this.parts, [f, g] = Vt(t, e);
+    let r = 0, s = 0;
+    const c = t.length - 1, l = this.parts, [f, b] = Vt(t, e);
     if (this.el = q.createElement(f, o), P.currentNode = this.el.content, e === 2 || e === 3) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
-    for (; (s = P.nextNode()) !== null && l.length < c; ) {
-      if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Ct)) {
-          const w = g[i++], S = s.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(w);
-          l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Zt : K[1] === "?" ? qt : K[1] === "@" ? Wt : Y }), s.removeAttribute(p);
-        } else p.startsWith(E) && (l.push({ type: 6, index: r }), s.removeAttribute(p));
-        if (kt.test(s.tagName)) {
-          const p = s.textContent.split(E), w = p.length - 1;
-          if (w > 0) {
-            s.textContent = Q ? Q.emptyScript : "";
-            for (let S = 0; S < w; S++) s.append(p[S], F()), P.nextNode(), l.push({ type: 2, index: ++r });
-            s.append(p[w], F());
+    for (; (i = P.nextNode()) !== null && l.length < c; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(Ct)) {
+          const $ = b[s++], S = i.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec($);
+          l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Zt : K[1] === "?" ? qt : K[1] === "@" ? Wt : Y }), i.removeAttribute(p);
+        } else p.startsWith(E) && (l.push({ type: 6, index: r }), i.removeAttribute(p));
+        if (kt.test(i.tagName)) {
+          const p = i.textContent.split(E), $ = p.length - 1;
+          if ($ > 0) {
+            i.textContent = Q ? Q.emptyScript : "";
+            for (let S = 0; S < $; S++) i.append(p[S], F()), P.nextNode(), l.push({ type: 2, index: ++r });
+            i.append(p[$], F());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === Lt) l.push({ type: 2, index: r });
+      } else if (i.nodeType === 8) if (i.data === Lt) l.push({ type: 2, index: r });
       else {
         let p = -1;
-        for (; (p = s.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
+        for (; (p = i.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
       }
       r++;
     }
@@ -339,11 +339,11 @@ class q {
   }
 }
 function D(n, t, e = n, o) {
-  var i, c;
+  var s, c;
   if (t === z) return t;
-  let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[o] : e._$Cl;
+  let i = o !== void 0 ? (s = e._$Co) == null ? void 0 : s[o] : e._$Cl;
   const r = Z(t) ? void 0 : t._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== r && ((c = s == null ? void 0 : s._$AO) == null || c.call(s, !1), r === void 0 ? s = void 0 : (s = new r(n), s._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = D(n, s._$AS(n, t.values), s, o)), t;
+  return (i == null ? void 0 : i.constructor) !== r && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), r === void 0 ? i = void 0 : (i = new r(n), i._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = i : e._$Cl = i), i !== void 0 && (t = D(n, i._$AS(n, t.values), i, o)), t;
 }
 class Ft {
   constructor(t, e) {
@@ -356,17 +356,17 @@ class Ft {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? B).importNode(e, !0);
-    P.currentNode = s;
-    let r = P.nextNode(), i = 0, c = 0, l = o[0];
+    const { el: { content: e }, parts: o } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? B).importNode(e, !0);
+    P.currentNode = i;
+    let r = P.nextNode(), s = 0, c = 0, l = o[0];
     for (; l !== void 0; ) {
-      if (i === l.index) {
+      if (s === l.index) {
         let f;
         l.type === 2 ? f = new G(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Gt(r, this, t)), this._$AV.push(f), l = o[++c];
       }
-      i !== (l == null ? void 0 : l.index) && (r = P.nextNode(), i++);
+      s !== (l == null ? void 0 : l.index) && (r = P.nextNode(), s++);
     }
-    return P.currentNode = B, s;
+    return P.currentNode = B, i;
   }
   p(t) {
     let e = 0;
@@ -378,8 +378,8 @@ class G {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
-  constructor(t, e, o, s) {
-    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
+  constructor(t, e, o, i) {
+    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -406,11 +406,11 @@ class G {
   }
   $(t) {
     var r;
-    const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = q.createElement(Pt(o.h, o.h[0]), this.options)), o);
-    if (((r = this._$AH) == null ? void 0 : r._$AD) === s) this._$AH.p(e);
+    const { values: e, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = q.createElement(Pt(o.h, o.h[0]), this.options)), o);
+    if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
     else {
-      const i = new Ft(s, this), c = i.u(this.options);
-      i.p(e), this.T(c), this._$AH = i;
+      const s = new Ft(i, this), c = s.u(this.options);
+      s.p(e), this.T(c), this._$AH = s;
     }
   }
   _$AC(t) {
@@ -420,15 +420,15 @@ class G {
   k(t) {
     ut(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let o, s = 0;
-    for (const r of t) s === e.length ? e.push(o = new G(this.O(F()), this.O(F()), this, this.options)) : o = e[s], o._$AI(r), s++;
-    s < e.length && (this._$AR(o && o._$AB.nextSibling, s), e.length = s);
+    let o, i = 0;
+    for (const r of t) i === e.length ? e.push(o = new G(this.O(F()), this.O(F()), this, this.options)) : o = e[i], o._$AI(r), i++;
+    i < e.length && (this._$AR(o && o._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
     var o;
     for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const s = t.nextSibling;
-      t.remove(), t = s;
+      const i = t.nextSibling;
+      t.remove(), t = i;
     }
   }
   setConnected(t) {
@@ -443,19 +443,19 @@ class Y {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, o, s, r) {
-    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = r, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = d;
+  constructor(t, e, o, i, r) {
+    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = d;
   }
-  _$AI(t, e = this, o, s) {
+  _$AI(t, e = this, o, i) {
     const r = this.strings;
-    let i = !1;
-    if (r === void 0) t = D(this, t, e, 0), i = !Z(t) || t !== this._$AH && t !== z, i && (this._$AH = t);
+    let s = !1;
+    if (r === void 0) t = D(this, t, e, 0), s = !Z(t) || t !== this._$AH && t !== z, s && (this._$AH = t);
     else {
       const c = t;
       let l, f;
-      for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]), i || (i = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
+      for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]), s || (s = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
     }
-    i && !s && this.j(t);
+    s && !i && this.j(t);
   }
   j(t) {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -478,13 +478,13 @@ class qt extends Y {
   }
 }
 class Wt extends Y {
-  constructor(t, e, o, s, r) {
-    super(t, e, o, s, r), this.type = 5;
+  constructor(t, e, o, i, r) {
+    super(t, e, o, i, r), this.type = 5;
   }
   _$AI(t, e = this) {
     if ((t = D(this, t, e, 0) ?? d) === z) return;
-    const o = this._$AH, s = t === d && o !== d || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== d && (o === d || s);
-    s && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    const o = this._$AH, i = t === d && o !== d || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== d && (o === d || i);
+    i && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
@@ -502,16 +502,16 @@ class Gt {
     D(this, t);
   }
 }
-const it = V.litHtmlPolyfillSupport;
-it == null || it(q, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
+const st = V.litHtmlPolyfillSupport;
+st == null || st(q, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
 const Kt = (n, t, e) => {
   const o = (e == null ? void 0 : e.renderBefore) ?? t;
-  let s = o._$litPart$;
-  if (s === void 0) {
+  let i = o._$litPart$;
+  if (i === void 0) {
     const r = (e == null ? void 0 : e.renderBefore) ?? null;
-    o._$litPart$ = s = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
+    o._$litPart$ = i = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
   }
-  return s._$AI(n), s;
+  return i._$AI(n), i;
 };
 /**
  * @license
@@ -565,30 +565,30 @@ const O = (n) => (t, e) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Xt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: pt }, Jt = (n = Xt, t, e) => {
-  const { kind: o, metadata: s } = e;
-  let r = globalThis.litPropertyMetadata.get(s);
-  if (r === void 0 && globalThis.litPropertyMetadata.set(s, r = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), o === "accessor") {
-    const { name: i } = e;
+  const { kind: o, metadata: i } = e;
+  let r = globalThis.litPropertyMetadata.get(i);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), o === "accessor") {
+    const { name: s } = e;
     return { set(c) {
       const l = t.get.call(this);
-      t.set.call(this, c), this.requestUpdate(i, l, n);
+      t.set.call(this, c), this.requestUpdate(s, l, n);
     }, init(c) {
-      return c !== void 0 && this.C(i, void 0, n, c), c;
+      return c !== void 0 && this.C(s, void 0, n, c), c;
     } };
   }
   if (o === "setter") {
-    const { name: i } = e;
+    const { name: s } = e;
     return function(c) {
-      const l = this[i];
-      t.call(this, c), this.requestUpdate(i, l, n);
+      const l = this[s];
+      t.call(this, c), this.requestUpdate(s, l, n);
     };
   }
   throw Error("Unsupported decorator location: " + o);
 };
 function a(n) {
-  return (t, e) => typeof e == "object" ? Jt(n, t, e) : ((o, s, r) => {
-    const i = s.hasOwnProperty(r);
-    return s.constructor.createProperty(r, o), i ? Object.getOwnPropertyDescriptor(s, r) : void 0;
+  return (t, e) => typeof e == "object" ? Jt(n, t, e) : ((o, i, r) => {
+    const s = i.hasOwnProperty(r);
+    return i.constructor.createProperty(r, o), s ? Object.getOwnPropertyDescriptor(i, r) : void 0;
   })(n, t, e);
 }
 /**
@@ -633,15 +633,15 @@ function ee(n) {
   n.addInitializer((t) => {
     const e = t;
     e.addEventListener("click", async (o) => {
-      const { type: s, [ft]: r } = e, { form: i } = r;
-      if (!(!i || s === "button") && (await new Promise((c) => {
+      const { type: i, [ft]: r } = e, { form: s } = r;
+      if (!(!s || i === "button") && (await new Promise((c) => {
         setTimeout(c);
       }), !o.defaultPrevented)) {
-        if (s === "reset") {
-          i.reset();
+        if (i === "reset") {
+          s.reset();
           return;
         }
-        i.addEventListener(
+        s.addEventListener(
           "submit",
           (c) => {
             Object.defineProperty(c, "submitter", {
@@ -651,7 +651,7 @@ function ee(n) {
             });
           },
           { capture: !0, once: !0 }
-        ), r.setFormValue(e.value), i.requestSubmit();
+        ), r.setFormValue(e.value), s.requestSubmit();
       }
     });
   });
@@ -662,10 +662,10 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, 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>
-`, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, ie = `<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">
+`, se = `<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>
 `, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -709,14 +709,14 @@ const ne = `<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>
-`, be = `<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>
 `, tt = {
   wishlist: ne,
   playerv: oe,
-  chevronRight: se,
-  chevronLeft: ie,
+  chevronRight: ie,
+  chevronLeft: se,
   icoPlus: ue,
   icoMinus: fe,
   "star-0": re,
@@ -726,14 +726,14 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   "star-100": he,
   cross: de,
   search: pe,
-  arrowLeft: be
+  arrowLeft: ve
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ge = { CHILD: 2 }, ve = (n) => (...t) => ({ _$litDirective$: n, values: t });
+const be = { CHILD: 2 }, ge = (n) => (...t) => ({ _$litDirective$: n, values: t });
 class ye {
   constructor(t) {
   }
@@ -757,7 +757,7 @@ class ye {
  */
 class lt extends ye {
   constructor(t) {
-    if (super(t), this.it = d, t.type !== ge.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(t), this.it = d, t.type !== be.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;
@@ -778,14 +778,14 @@ lt.directiveName = "unsafeHTML", lt.resultType = 1;
 class ct extends lt {
 }
 ct.directiveName = "unsafeSVG", ct.resultType = 2;
-const W = ve(ct);
-var me = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? $e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
-    (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && me(t, e, s), s;
+const W = ge(ct);
+var me = Object.defineProperty, we = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
+  for (var i = o > 1 ? void 0 : o ? we(t, e) : t, r = n.length - 1, s; r >= 0; r--)
+    (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && me(t, e, i), i;
 };
-const we = te(m);
-let u = class extends we {
+const $e = te(m);
+let u = class extends $e {
   constructor() {
     super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "search", this.endIconModel = "chevronRight", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "";
   }
@@ -1054,9 +1054,9 @@ u = y([
   O("o-button")
 ], u);
 var xe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? _e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
-    (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && xe(t, e, s), s;
+  for (var i = o > 1 ? void 0 : o ? _e(t, e) : t, r = n.length - 1, s; r >= 0; r--)
+    (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && xe(t, e, i), i;
 };
 let U = class extends m {
   constructor() {
@@ -1141,6 +1141,10 @@ U.styles = A`
 			fill: var(--color-content-action-secondary);
 		}
 
+		:host([status="empty"]) .wishlist-button svg path {
+			fill: var(--color-alpha-light-strong);
+		}
+
 		.sr-only {
 			border: 0 !important;
 			clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
@@ -1168,11 +1172,11 @@ U = et([
   O("o-wishlist-button")
 ], U);
 var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, L = (n, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? Se(t, e) : t, r = n.length - 1, i; r >= 0; r--)
-    (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && Ae(t, e, s), s;
+  for (var i = o > 1 ? void 0 : o ? Se(t, e) : t, r = n.length - 1, s; r >= 0; r--)
+    (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && Ae(t, e, i), i;
 };
-let $ = class extends m {
+let w = class extends m {
   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;
   }
@@ -1202,7 +1206,7 @@ let $ = class extends m {
 		`;
   }
 };
-$.styles = A`
+w.styles = A`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -1404,32 +1408,32 @@ $.styles = A`
 	`;
 L([
   a({ type: String, reflect: !0 })
-], $.prototype, "bgstyle", 2);
+], w.prototype, "bgstyle", 2);
 L([
   a({ type: String, reflect: !0 })
-], $.prototype, "size", 2);
+], w.prototype, "size", 2);
 L([
   a({ type: String, reflect: !0 })
-], $.prototype, "status", 2);
+], w.prototype, "status", 2);
 L([
   a({ type: String, reflect: !0 })
-], $.prototype, "type", 2);
+], w.prototype, "type", 2);
 L([
   a({ type: String })
-], $.prototype, "strokewidth", 2);
+], w.prototype, "strokewidth", 2);
 L([
   a({ type: String })
-], $.prototype, "icon", 2);
+], w.prototype, "icon", 2);
 L([
   a({ type: Boolean, reflect: !0 })
-], $.prototype, "disabled", 2);
-$ = L([
+], w.prototype, "disabled", 2);
+w = L([
   O("o-icon-button")
-], $);
+], w);
 var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? Ce(t, e) : t, r = n.length - 1, i; r >= 0; r--)
-    (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && Ee(t, e, s), s;
+  for (var i = o > 1 ? void 0 : o ? Ce(t, e) : t, r = n.length - 1, s; r >= 0; r--)
+    (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && Ee(t, e, i), i;
 };
 let x = class extends m {
   constructor() {
@@ -1571,9 +1575,9 @@ x = H([
   O("o-link")
 ], x);
 var Le = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? ke(t, e) : t, r = n.length - 1, i; r >= 0; r--)
-    (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && Le(t, e, s), s;
+  for (var i = o > 1 ? void 0 : o ? ke(t, e) : t, r = n.length - 1, s; r >= 0; r--)
+    (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && Le(t, e, i), i;
 };
 let N = class extends m {
   constructor() {
@@ -1648,12 +1652,12 @@ nt([
 N = nt([
   O("o-rating")
 ], N);
-var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, v = (n, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? Ie(t, e) : t, r = n.length - 1, i; r >= 0; r--)
-    (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && Pe(t, e, s), s;
+var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, g = (n, t, e, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ie(t, e) : t, r = n.length - 1, s; r >= 0; r--)
+    (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && Pe(t, e, i), i;
 };
-let b = class extends m {
+let v = class extends m {
   constructor() {
     super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (n) => {
       this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
@@ -1752,7 +1756,7 @@ let b = class extends m {
 		`;
   }
 };
-b.styles = A`
+v.styles = A`
 		:host {
 			--z-overlay: 99;
 			--z-panel: 100;
@@ -1763,6 +1767,8 @@ b.styles = A`
 			width: 100%;
 			pointer-events: none;
 			z-index: var(--z-overlay);
+			--side-panel-width: 100%;
+			--side-panel-max-width: 416px;
 		}
 
 		/* Hide content until it is initialized */
@@ -1795,9 +1801,8 @@ b.styles = A`
 			position: absolute;
 			top: 0;
 			right: 0;
-			min-width: 375px;
-			width: 100%;
-			max-width: 416px;
+			width: var(--side-panel-width);
+			max-width: var(--side-panel-max-width);
 			height: 100%;
 			background: white;
 			box-shadow: var(--colors-alpha-dark-60);
@@ -1813,6 +1818,29 @@ b.styles = A`
 			transform: translateX(0%);
 		}
 
+		/* Mobile */
+		@media (max-width: 767px) {
+			:host {
+				--side-panel-width: 100%;
+				--side-panel-max-width: none;
+			}
+		}
+
+		/* Tablet */
+		@media (min-width: 768px) and (max-width: 1024px) {
+			:host {
+				--side-panel-width: 375px;
+				--side-panel-max-width: 375px;
+			}
+		}
+
+		@media (min-width: 1025px) {
+			:host {
+				--side-panel-width: 100%;
+				--side-panel-max-width: 416px;
+			}
+		}
+
 		.header {
 			flex: 0 0 auto;
 			display: flex;
@@ -1867,66 +1895,59 @@ b.styles = A`
 			gap: 16px;
 			justify-content: flex-start;
 		}
-
-		@media (max-width: 640px) {
-			.panel {
-				width: 100%;
-				max-width: none;
-			}
-		}
 	`;
-v([
+g([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "open", 2);
-v([
+], v.prototype, "open", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "showHeader", 2);
-v([
+], v.prototype, "showHeader", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "showFooter", 2);
-v([
+], v.prototype, "showFooter", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "showHeaderStartIcon", 2);
-v([
+], v.prototype, "showHeaderStartIcon", 2);
+g([
   a({ type: String, reflect: !0 })
-], b.prototype, "headerTitle", 2);
-v([
+], v.prototype, "headerTitle", 2);
+g([
   a({ type: String, reflect: !0 })
-], b.prototype, "closeButtonLabel", 2);
-v([
+], v.prototype, "closeButtonLabel", 2);
+g([
   a({ type: String, reflect: !0 })
-], b.prototype, "firstButtonLabel", 2);
-v([
+], v.prototype, "firstButtonLabel", 2);
+g([
   a({ type: String, reflect: !0 })
-], b.prototype, "firstButtonVariant", 2);
-v([
+], v.prototype, "firstButtonVariant", 2);
+g([
   a({ type: Function })
-], b.prototype, "onFirstButtonClick", 2);
-v([
+], v.prototype, "onFirstButtonClick", 2);
+g([
   a({ type: String, reflect: !0 })
-], b.prototype, "secondaryButtonLabel", 2);
-v([
+], v.prototype, "secondaryButtonLabel", 2);
+g([
   a({ type: String, reflect: !0 })
-], b.prototype, "secondaryButtonVariant", 2);
-v([
+], v.prototype, "secondaryButtonVariant", 2);
+g([
   a({ type: Function })
-], b.prototype, "onSecondaryButtonClick", 2);
-v([
+], v.prototype, "onSecondaryButtonClick", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "disablePortal", 2);
-v([
+], v.prototype, "disablePortal", 2);
+g([
   a({ type: Number, reflect: !0 })
-], b.prototype, "zIndex", 2);
-v([
+], v.prototype, "zIndex", 2);
+g([
   a({ type: Boolean, reflect: !0 })
-], b.prototype, "initialized", 2);
-b = v([
+], v.prototype, "initialized", 2);
+v = g([
   O("o-side-panel")
-], b);
+], v);
 var Be = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? ze(t, e) : t, r = n.length - 1, i; r >= 0; r--)
-    (i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && Be(t, e, s), s;
+  for (var i = o > 1 ? void 0 : o ? ze(t, e) : t, r = n.length - 1, s; r >= 0; r--)
+    (s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && Be(t, e, i), i;
 };
 let _ = class extends m {
   constructor() {
@@ -1967,7 +1988,7 @@ let _ = class extends m {
     return h`
       <div class="scroll-container" style="max-width: ${this.maxWidth};">
         ${this.thumbnails.map((n, t) => {
-      const e = this.disabledIndexes.includes(t), o = this.activeIndex === t, s = n.type === "video";
+      const e = this.disabledIndexes.includes(t), o = this.activeIndex === t, i = n.type === "video";
       return h`
             <div class="thumb-wrapper">
               <button
@@ -1981,7 +2002,7 @@ let _ = class extends m {
               >
                 <img src="${n.src}" />
               </button>
-              ${s ? h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
+              ${i ? h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
             </div>
           `;
     })}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@florid-kit/components",
-  "version": "0.4.14",
+  "version": "0.4.16",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",