/**
 * @license
 * Copyright 2019 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const H=globalThis,W=H.ShadowRoot&&(H.ShadyCSS===void 0||H.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,q=Symbol(),G=new WeakMap;let re=class{constructor(e,t,s){if(this._$cssResult$=!0,s!==q)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(W&&e===void 0){const s=t!==void 0&&t.length===1;s&&(e=G.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&G.set(t,e))}return e}toString(){return this.cssText}};const ce=i=>new re(typeof i=="string"?i:i+"",void 0,q),oe=(i,...e)=>{const t=i.length===1?i[0]:e.reduce((s,r,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[n+1],i[0]);return new re(t,i,q)},pe=(i,e)=>{if(W)i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const s=document.createElement("style"),r=H.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=t.cssText,i.appendChild(s)}},K=W?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const s of e.cssRules)t+=s.cssText;return ce(t)})(i):i;/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const{is:fe,defineProperty:ue,getOwnPropertyDescriptor:me,getOwnPropertyNames:ge,getOwnPropertySymbols:ye,getPrototypeOf:$e}=Object,y=globalThis,J=y.trustedTypes,ve=J?J.emptyScript:"",I=y.reactiveElementPolyfillSupport,S=(i,e)=>i,R={toAttribute(i,e){switch(e){case Boolean:i=i?ve:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},V=(i,e)=>!fe(i,e),X={attribute:!0,type:String,converter:R,reflect:!1,hasChanged:V};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),y.litPropertyMetadata??(y.litPropertyMetadata=new WeakMap);class _ extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=X){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(e,s,t);r!==void 0&&ue(this.prototype,e,r)}}static getPropertyDescriptor(e,t,s){const{get:r,set:n}=me(this.prototype,e)??{get(){return this[t]},set(o){this[t]=o}};return{get(){return r==null?void 0:r.call(this)},set(o){const l=r==null?void 0:r.call(this);n.call(this,o),this.requestUpdate(e,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??X}static _$Ei(){if(this.hasOwnProperty(S("elementProperties")))return;const e=$e(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(S("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(S("properties"))){const t=this.properties,s=[...ge(t),...ye(t)];for(const r of s)this.createProperty(r,t[r])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[s,r]of t)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const r=this._$Eu(t,s);r!==void 0&&this._$Eh.set(r,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const s=new Set(e.flat(1/0).reverse());for(const r of s)t.unshift(K(r))}else e!==void 0&&t.push(K(e));return t}static _$Eu(e,t){const s=t.attribute;return s===!1?void 0:typeof s=="string"?s:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const s of t.keys())this.hasOwnProperty(s)&&(e.set(s,this[s]),delete this[s]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return pe(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(t=>{var s;return(s=t.hostConnected)==null?void 0:s.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var s;return(s=t.hostDisconnected)==null?void 0:s.call(t)})}attributeChangedCallback(e,t,s){this._$AK(e,s)}_$EC(e,t){var n;const s=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,s);if(r!==void 0&&s.reflect===!0){const o=(((n=s.converter)==null?void 0:n.toAttribute)!==void 0?s.converter:R).toAttribute(t,s.type);this._$Em=e,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(e,t){var n;const s=this.constructor,r=s._$Eh.get(e);if(r!==void 0&&this._$Em!==r){const o=s.getPropertyOptions(r),l=typeof o.converter=="function"?{fromAttribute:o.converter}:((n=o.converter)==null?void 0:n.fromAttribute)!==void 0?o.converter:R;this._$Em=r,this[r]=l.fromAttribute(t,o.type),this._$Em=null}}requestUpdate(e,t,s){if(e!==void 0){if(s??(s=this.constructor.getPropertyOptions(e)),!(s.hasChanged??V)(this[e],t))return;this.P(e,t,s)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(e,t,s){this._$AL.has(e)||this._$AL.set(e,t),s.reflect===!0&&this._$Em!==e&&(this._$Ej??(this._$Ej=new Set)).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[n,o]of r)o.wrapped!==!0||this._$AL.has(n)||this[n]===void 0||this.P(n,this[n],o)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(s=this._$EO)==null||s.forEach(r=>{var n;return(n=r.hostUpdate)==null?void 0:n.call(r)}),this.update(t)):this._$EU()}catch(r){throw e=!1,this._$EU(),r}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(s=>{var r;return(r=s.hostUpdated)==null?void 0:r.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach(t=>this._$EC(t,this[t]))),this._$EU()}updated(e){}firstUpdated(e){}}_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[S("elementProperties")]=new Map,_[S("finalized")]=new Map,I==null||I({ReactiveElement:_}),(y.reactiveElementVersions??(y.reactiveElementVersions=[])).push("2.0.4");/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const E=globalThis,O=E.trustedTypes,Y=O?O.createPolicy("lit-html",{createHTML:i=>i}):void 0,ne="$lit$",g=`lit$${Math.random().toFixed(9).slice(2)}$`,ae="?"+g,be=`<${ae}>`,b=document,k=()=>b.createComment(""),P=i=>i===null||typeof i!="object"&&typeof i!="function",le=Array.isArray,_e=i=>le(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",j=`[ 	
\f\r]`,z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Z=/-->/g,Q=/>/g,$=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ 	
\f\r"'\`<>=]|("|')|))|$)`,"g"),ee=/'/g,te=/"/g,he=/^(?:script|style|textarea|title)$/i,xe=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),u=xe(1),x=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ie=new WeakMap,v=b.createTreeWalker(b,129);function de(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Y!==void 0?Y.createHTML(e):e}const Ae=(i,e)=>{const t=i.length-1,s=[];let r,n=e===2?"<svg>":"",o=z;for(let l=0;l<t;l++){const a=i[l];let c,p,h=-1,f=0;for(;f<a.length&&(o.lastIndex=f,p=o.exec(a),p!==null);)f=o.lastIndex,o===z?p[1]==="!--"?o=Z:p[1]!==void 0?o=Q:p[2]!==void 0?(he.test(p[2])&&(r=RegExp("</"+p[2],"g")),o=$):p[3]!==void 0&&(o=$):o===$?p[0]===">"?(o=r??z,h=-1):p[1]===void 0?h=-2:(h=o.lastIndex-p[2].length,c=p[1],o=p[3]===void 0?$:p[3]==='"'?te:ee):o===te||o===ee?o=$:o===Z||o===Q?o=z:(o=$,r=void 0);const m=o===$&&i[l+1].startsWith("/>")?" ":"";n+=o===z?a+be:h>=0?(s.push(c),a.slice(0,h)+ne+a.slice(h)+g+m):a+g+(h===-2?l:m)}return[de(i,n+(i[t]||"<?>")+(e===2?"</svg>":"")),s]};class U{constructor({strings:e,_$litType$:t},s){let r;this.parts=[];let n=0,o=0;const l=e.length-1,a=this.parts,[c,p]=Ae(e,t);if(this.el=U.createElement(c,s),v.currentNode=this.el.content,t===2){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=v.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const h of r.getAttributeNames())if(h.endsWith(ne)){const f=p[o++],m=r.getAttribute(h).split(g),B=/([.?@])?(.*)/.exec(f);a.push({type:1,index:n,name:B[2],strings:m,ctor:B[1]==="."?ze:B[1]==="?"?Se:B[1]==="@"?Ee:N}),r.removeAttribute(h)}else h.startsWith(g)&&(a.push({type:6,index:n}),r.removeAttribute(h));if(he.test(r.tagName)){const h=r.textContent.split(g),f=h.length-1;if(f>0){r.textContent=O?O.emptyScript:"";for(let m=0;m<f;m++)r.append(h[m],k()),v.nextNode(),a.push({type:2,index:++n});r.append(h[f],k())}}}else if(r.nodeType===8)if(r.data===ae)a.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf(g,h+1))!==-1;)a.push({type:7,index:n}),h+=g.length-1}n++}}static createElement(e,t){const s=b.createElement("template");return s.innerHTML=e,s}}function A(i,e,t=i,s){var o,l;if(e===x)return e;let r=s!==void 0?(o=t._$Co)==null?void 0:o[s]:t._$Cl;const n=P(e)?void 0:e._$litDirective$;return(r==null?void 0:r.constructor)!==n&&((l=r==null?void 0:r._$AO)==null||l.call(r,!1),n===void 0?r=void 0:(r=new n(i),r._$AT(i,t,s)),s!==void 0?(t._$Co??(t._$Co=[]))[s]=r:t._$Cl=r),r!==void 0&&(e=A(i,r._$AS(i,e.values),r,s)),e}class we{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:s}=this._$AD,r=((e==null?void 0:e.creationScope)??b).importNode(t,!0);v.currentNode=r;let n=v.nextNode(),o=0,l=0,a=s[0];for(;a!==void 0;){if(o===a.index){let c;a.type===2?c=new T(n,n.nextSibling,this,e):a.type===1?c=new a.ctor(n,a.name,a.strings,this,e):a.type===6&&(c=new Ce(n,this,e)),this._$AV.push(c),a=s[++l]}o!==(a==null?void 0:a.index)&&(n=v.nextNode(),o++)}return v.currentNode=b,r}p(e){let t=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(e,s,t),t+=s.strings.length-2):s._$AI(e[t])),t++}}class T{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,s,r){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=s,this.options=r,this._$Cv=(r==null?void 0:r.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=A(this,e,t),P(e)?e===d||e==null||e===""?(this._$AH!==d&&this._$AR(),this._$AH=d):e!==this._$AH&&e!==x&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):_e(e)?this.k(e):this._(e)}S(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.S(e))}_(e){this._$AH!==d&&P(this._$AH)?this._$AA.nextSibling.data=e:this.T(b.createTextNode(e)),this._$AH=e}$(e){var n;const{values:t,_$litType$:s}=e,r=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=U.createElement(de(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(t);else{const o=new we(r,this),l=o.u(this.options);o.p(t),this.T(l),this._$AH=o}}_$AC(e){let t=ie.get(e.strings);return t===void 0&&ie.set(e.strings,t=new U(e)),t}k(e){le(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let s,r=0;for(const n of e)r===t.length?t.push(s=new T(this.S(k()),this.S(k()),this,this.options)):s=t[r],s._$AI(n),r++;r<t.length&&(this._$AR(s&&s._$AB.nextSibling,r),t.length=r)}_$AR(e=this._$AA.nextSibling,t){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,t);e&&e!==this._$AB;){const r=e.nextSibling;e.remove(),e=r}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class N{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,s,r,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(e,t=this,s,r){const n=this.strings;let o=!1;if(n===void 0)e=A(this,e,t,0),o=!P(e)||e!==this._$AH&&e!==x,o&&(this._$AH=e);else{const l=e;let a,c;for(e=n[0],a=0;a<n.length-1;a++)c=A(this,l[s+a],t,a),c===x&&(c=this._$AH[a]),o||(o=!P(c)||c!==this._$AH[a]),c===d?e=d:e!==d&&(e+=(c??"")+n[a+1]),this._$AH[a]=c}o&&!r&&this.j(e)}j(e){e===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ze extends N{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===d?void 0:e}}class Se extends N{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==d)}}class Ee extends N{constructor(e,t,s,r,n){super(e,t,s,r,n),this.type=5}_$AI(e,t=this){if((e=A(this,e,t,0)??d)===x)return;const s=this._$AH,r=e===d&&s!==d||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,n=e!==d&&(s===d||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;typeof this._$AH=="function"?this._$AH.call(((t=this.options)==null?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}}class Ce{constructor(e,t,s){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(e){A(this,e)}}const D=E.litHtmlPolyfillSupport;D==null||D(U,T),(E.litHtmlVersions??(E.litHtmlVersions=[])).push("3.1.3");const ke=(i,e,t)=>{const s=(t==null?void 0:t.renderBefore)??e;let r=s._$litPart$;if(r===void 0){const n=(t==null?void 0:t.renderBefore)??null;s._$litPart$=r=new T(e.insertBefore(k(),n),n,void 0,t??{})}return r._$AI(i),r};/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */class C extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=ke(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return x}}var se;C._$litElement$=!0,C.finalized=!0,(se=globalThis.litElementHydrateSupport)==null||se.call(globalThis,{LitElement:C});const L=globalThis.litElementPolyfillSupport;L==null||L({LitElement:C});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.5");/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const Pe=i=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(i,e)}):customElements.define(i,e)};/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const Ue={attribute:!0,type:String,converter:R,reflect:!1,hasChanged:V},Te=(i=Ue,e,t)=>{const{kind:s,metadata:r}=t;let n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),n.set(t.name,i),s==="accessor"){const{name:o}=t;return{set(l){const a=e.get.call(this);e.set.call(this,l),this.requestUpdate(o,a,i)},init(l){return l!==void 0&&this.P(o,void 0,i),l}}}if(s==="setter"){const{name:o}=t;return function(l){const a=this[o];e.call(this,l),this.requestUpdate(o,a,i)}}throw Error("Unsupported decorator location: "+s)};function Be(i){return(e,t)=>typeof t=="object"?Te(i,e,t):((s,r,n)=>{const o=r.hasOwnProperty(n);return r.constructor.createProperty(n,o?{...s,wrapped:!0}:s),o?Object.getOwnPropertyDescriptor(r,n):void 0})(i,e,t)}/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */function F(i){return Be({...i,state:!0,attribute:!1})}const He=oe`
  @font-face {
    font-family: "CircularStd-Bold";
    src: url("/fonts/CircularStd-Bold.otf") format("opentype");
  }
  @font-face {
    font-family: "CircularStd-Book";
    src: url("/fonts/CircularStd-Book.otf") format("opentype");
  }

  :host {
    --rem-size: 1rem;
    --rem-size-xxxsmall: calc(0.25 * var(--rem-size));
    --rem-size-xxsmall: calc(0.5 * var(--rem-size));
    --rem-size-xsmall: calc(0.625 * var(--rem-size));
    --rem-size-small: calc(0.875 * var(--rem-size));
    --rem-size-large: calc(1.25 * var(--rem-size));
    --rem-size-xlarge: calc(1.5 * var(--rem-size));
    --rem-size-xxlarge: calc(2 * var(--rem-size));
    --rem-size-xxxlarge: calc(2.5 * var(--rem-size));
    --rem-size-xxxxlarge: calc(3 * var(--rem-size));

    --black: #000;
    --white: #fff;
    --salmon: #ff5734;
    --salmon-light: #ffddd6;
    --dark-grey: #6f6e6e;
    --light-grey: #eaeaea;
    --neutral-grey: #bab9b9;
    --narvar-panel-border: #ccc;
    --off-white: #fafafa;
    --text-primary: #383a42;
    --green: #2f6b58;
    --red: #c11c3a;

    --font-family-default: "CircularStd-Book", sans-serif;
    --font-family-bold: "CircularStd-Bold", sans-serif;
    --font-weight-default: 450;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --tooltip-modal-top-margin: 3rem;

    h1,
    h2,
    h3,
    p {
      margin: 0;
    }
  }

  .titleBold,
  .reshopTitleBold {
    font-family: var(--font-family-bold);
    font-size: var(--rem-size-xxxlarge);
    line-height: var(--rem-size-xxxxlarge);
    font-weight: var(--font-weight-bold);
  }

  @media (max-width: 570px) {
    .titleBold,
    .reshopTitleBold {
      font-size: var(--rem-size-xxlarge);
      line-height: var(--rem-size-xxxlarge);
    }
  }

  .header,
  .reshopHeader {
    font-family: var(--font-family-default);
    font-size: var(--rem-size-xlarge);
    line-height: var(--rem-size-xxlarge);
    font-weight: var(--font-weight-default);
  }

  .headerBold,
  .reshopHeaderBold {
    font-family: var(--font-family-bold);
    font-size: var(--rem-size-xlarge);
    line-height: var(--rem-size-xxlarge);
    font-weight: var(--font-weight-bold);
  }

  .bodyDefault,
  .reshopBodyDefault {
    font-family: var(--font-family-default);
    font-size: var(--rem-size);
    line-height: var(--rem-size-xlarge);
    font-weight: var(--font-weight-default);
  }

  .bodyBold,
  .reshopBodyBold {
    font-family: var(--font-family-bold);
    font-size: var(--rem-size);
    line-height: var(--rem-size-xlarge);
    font-weight: var(--font-weight-bold);
  }

  .bodySmall,
  .reshopBodySmall {
    font-family: var(--font-family-default);
    font-size: var(--rem-size-small);
    line-height: var(--rem-size-large);
    font-weight: var(--font-weight-default);
  }

  .bodySmallBold,
  .reshopBodySmallBold {
    font-family: var(--font-family-bold);
    font-size: var(--rem-size-small);
    line-height: var(--rem-size-large);
    font-weight: var(--font-weight-bold);
  }

  .bodyXSmall,
  .reshopBodyXSmall {
    font-family: var(--font-family-default);
    font-size: var(--rem-size-xsmall);
    line-height: var(--rem-size-small);
    font-weight: var(--font-weight-default);
  }

  .fontBold,
  .reshopFontBold {
    font-family: var(--font-family-bold);
  }

  .fontBook,
  .reshopFontBook {
    font-family: var(--font-family-default);
  }
`;function Re(i){return typeof i=="object"&&i!==null&&"subheader"in i&&typeof i.subheader=="string"&&"title"in i&&typeof i.title=="string"&&"body"in i&&typeof i.body=="object"&&i.body!==null&&"text"in i.body&&typeof i.body.text=="string"&&("linkText"in i.body?typeof i.body.linkText=="string":!0)&&("linkUrl"in i.body?typeof i.body.linkUrl=="string":!0)&&("body2"in i?typeof i.body2=="object"&&i.body2!==null&&("text"in i.body2?typeof i.body2.text=="string":!0)&&("color"in i.body2?typeof i.body2.color=="string":!0)&&("linkText"in i.body2?typeof i.body2.linkText=="string":!0)&&("linkUrl"in i.body2?typeof i.body2.linkUrl=="string":!0)&&("showReshopTooltip"in i.body2?typeof i.body2.showReshopTooltip=="boolean":!0):!0)&&"ctaText"in i&&typeof i.ctaText=="string"&&"ctaUrl"in i&&typeof i.ctaUrl=="string"&&("color"in i?typeof i.color=="string":!0)&&("font"in i?typeof i.font=="string":!0)}function Oe(i){return typeof i=="object"&&i!==null&&"options"in i&&Array.isArray(i.options)&&i.options.every(Re)&&"remSize"in i&&typeof i.remSize=="string"}const Ne={remSize:"16px",options:[{subheader:"Option 1",title:"Fast Refund with Reshop",body:{text:"Get your full refund quickly on a virtual debit card or deposited into your bank account. Once refunded, spend again right away, wherever you want."},body2:{showReshopTooltip:!0},ctaText:"Start a Return with Reshop",ctaUrl:"https://www.reshop.com?utm_source=web_button&utm_medium=web"}]},Me=async(i,e={})=>{const t=`reshop__${i}`,s="reshop-widget",r=sessionStorage.getItem(t)??"",n=new Headers;let o=`${s}`;Object.entries(e).forEach(([l,a])=>{n.append(l,a),o+=`, ${l}`}),n.append(s,r),n.append("access-control-allow-headers",`${o}`);try{const l=await fetch(`https://api.us-prod.reshop.com/partner/widget/${i}`,{method:"GET",headers:n});if(l.ok){const a=await l.json();return sessionStorage.setItem(t,a.uuid),a}else console.error(`Error fetching widget ${i}: ${l.status} ${l.statusText}`)}catch(l){console.error(`Error fetching widget ${i}: ${l}`)}return null};function Ie(){const i={},t=window.location.search.substring(1).split("&");for(const s of t)if(s){const[r,n]=s.split("=").map(decodeURIComponent);r&&n&&(i[r]=n)}return i}typeof window<"u"&&(window.getUrlParams=Ie);const je="data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Icon'%20d='M1.5%201.5L5.5%205.5L9.5%201.5'%20stroke='%236F6E6E'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";var De=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,M=(i,e,t,s)=>{for(var r=s>1?void 0:s?Le(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&De(e,t,r),r};let w=class extends C{constructor(){super(...arguments),this.data=Ne,this.loaded=!1,this.expandedContentId=null}async connectedCallback(){super.connectedCallback();const i=await Me("side-by-side");Oe(i)&&(this.data=i),this.loaded=!0}toggleContent(i){var t;const e=(t=this.shadowRoot)==null?void 0:t.getElementById(this.generateIdName("chevron",i));!e||getComputedStyle(e).display==="none"||(this.updateContent(i,!0),this.updateContent(this.expandedContentId,!1),this.expandedContentId=i===this.expandedContentId?null:i)}updateContent(i,e){var s;if(i===null)return;const t=(s=this.shadowRoot)==null?void 0:s.getElementById(this.generateIdName("content",i));t&&(t.style.maxHeight=(e?t.scrollHeight:0)+"px")}generateIdName(i,e){return`${i}-${e}`}openLink(i){window.open(i,"_blank")}decorateReshopWord(i){const t=i.split(" ").map(s=>s.toLowerCase().trim()==="reshop"?u`<span class="reshop-word">${s}</span>`:u`${s} `);return u`${t}`}togglePopup(i){var t;const e=(t=this.shadowRoot)==null?void 0:t.getElementById("reshop-tooltip");e&&e.tooltipClick(i)}render(){return this.loaded?u`
      <div class="responsive-container">
        <div class="container">
          ${this.data.options.map((i,e)=>u`
              <div
                class=${e===this.expandedContentId?"option-container":"option-container no-gap"}
              >
                <div class="option-header">
                  <div @click=${()=>this.toggleContent(e)}>
                    <p class="reshopBodyDefault option-header-subheader">
                      ${i.subheader}
                    </p>
                    <div class="option-header-title">
                      <p class="reshopHeaderBold" id="content${e}">
                        ${this.decorateReshopWord(i.title)}
                      </p>
                      <img
                        src=${je}
                        alt="open/close info button"
                        id=${this.generateIdName("chevron",e)}
                        class="${e===this.expandedContentId?"chevron rotate":"chevron"}"
                      />
                    </div>
                  </div>
                  <button
                    class="option-cta option-header-cta reshopBodyBold"
                    style="background-color: ${i.color}"
                    @click="${this.openLink.bind(this,i.ctaUrl)}"
                  >
                    Next
                  </button>
                </div>
                <div
                  class="option-body"
                  id=${this.generateIdName("content",e)}
                >
                  <div class="option-section">
                    <p class="reshopBodySmall">
                      ${i.body.text}
                      ${i.body.linkUrl&&i.body.linkText?u`<a
                            href=${i.body.linkUrl}
                            style="color:black"
                            target="_blank"
                            >${i.body.linkText}</a
                          >`:d}
                    </p>
                  </div>
                  <div class="option-section">
                    ${i.body2?u`
                          <p class="reshopBodySmall body2">
                            ${i.body2.text}
                            ${i.body2.showReshopTooltip?u`<span
                                  @click="${this.togglePopup.bind(this)}"
                                  class="reshop-link-tooltip"
                                  >Learn more about Reshop</span
                                >`:d}
                            ${i.body2.linkUrl&&i.body2.linkText?u`<a
                                  href=${i.body2.linkUrl}
                                  target="_blank"
                                  >${i.body2.linkText}</a
                                >`:d}
                          </p>
                        `:d}
                  </div>
                </div>
                <button
                  class="option-cta reshopBodyBold"
                  style="background-color: ${i.color}"
                  @click="${this.openLink.bind(this,i.ctaUrl)}"
                >
                  ${i.ctaText}
                </button>
              </div>
            `)}
        </div>
      </div>
      <reshop-tooltip
        id="reshop-tooltip"
        hideTrigger
        hideImage
        hideLegalMessage
      />
    `:d}};w.styles=[He,oe`
      :host {
        width: 100%;
        text-align: left;
        --child-rem-size: var(--rem-size);
        --child-font-family: var(--font-family-default);
        --child-font-family-bold: var(--font-family-bold);
      }

      .reshopHeaderBold,
      .reshopBodyDefault,
      .reshopBodySmall,
      .reshopBodySmallBold {
        margin: 0;
      }

      reshop-tooltip {
        --rem-size: var(--child-rem-size);
        display: inline-flex;
        height: var(--rem-size-xlarge);
        vertical-align: middle;
        width: auto;
      }

      .responsive-container {
        container-type: inline-size;
      }

      .container {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: calc(2.5 * var(--rem-size));
        justify-content: center;
      }

      .option-container {
        --font-family-bold: var(--child-font-family-bold);
        --font-family-default: var(--child-font-family);
        align-items: flex-start;
        border-radius: calc(0.75 * var(--rem-size));
        border: 1px solid var(--narvar-panel-border);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: calc(2.5 * var(--rem-size));
        p {
          text-align: left;
        }
      }

      .option-header {
        margin-bottom: var(--rem-size-large);
        .option-header-subheader {
          margin-bottom: var(--rem-size);
          text-transform: uppercase;
          font-size: var(--rem-size);
          line-height: var(--rem-size);
        }

        .option-header-title {
          display: flex;
          flex-direction: row;
          gap: var(--rem-size-xxsmall);

          .reshopHeaderBold {
            font-size: calc(1.4275 * var(--rem-size));
            line-height: var(--rem-size-xlarge);
          }

          .reshopHeaderBold .reshop-word {
            color: var(--salmon);
          }

          .chevron {
            display: none;
          }
        }
        .option-header-cta {
          display: none;
        }
      }

      .option-body {
        display: flex;
        flex-direction: column;
        gap: var(--rem-size-large);
        .option-section {
          display: flex;
          flex-direction: column;
        }
        .body2,
        .body2 a {
          color: var(--dark-grey);
          line-height: var(--rem-size-small);
          font-size: var(--rem-size-small);
        }

        .body2 a,
        .reshop-link-tooltip {
          text-decoration: underline;
          text-underline-offset: 0.3em;
          text-decoration-thickness: 0.1em;
          cursor: pointer;
        }
      }

      .option-cta {
        border: none;
        border-radius: calc(6.25 * var(--rem-size));
        width: auto;
        color: white;
        background-color: black;
        cursor: pointer;
        padding: var(--rem-size) var(--rem-size-xlarge);
        line-height: var(--rem-size-large);
        margin-top: var(--rem-size-large);
      }

      @container (inline-size < 1024px) {
        .container {
          grid-template-columns: auto auto auto;
          gap: calc(1.75 * var(--rem-size));
        }

        .option-container {
          padding: calc(1.75 * var(--rem-size));
        }
      }

      @container (inline-size < 768px) {
        .container {
          grid-template-columns: initial;
          gap: calc(0.75 * var(--rem-size));
        }

        .option-container {
          padding: calc(1.25 * var(--rem-size)) var(--rem-size);
          gap: var(--rem-size-xxsmall);
          max-width: 480px;
        }

        .option-container.no-gap {
          gap: 0;
        }

        .option-header {
          display: flex;
          width: 100%;
          justify-content: space-between;
          margin-bottom: 0;
          .option-header-subheader {
            margin-bottom: var(--rem-size-xxxsmall);
            font-size: calc(0.75 * var(--rem-size));
            line-height: calc(0.75 * var(--rem-size));
          }
          .option-header-title {
            .reshopHeaderBold {
              font-size: calc(1.125 * var(--rem-size));
              line-height: calc(1.125 * var(--rem-size));
            }
            .chevron {
              display: inline-block;
              transition: transform 0.3s ease-out;
            }
          }
          .option-header-cta {
            display: inline-block;
            padding: 0;
            line-height: var(--rem-size-small);
            font-size: var(--rem-size-small);
            margin-top: 0;
            max-height: var(--rem-size-xxlarge);
            min-width: calc(4 * var(--rem-size));
          }
        }

        .option-body {
          overflow: hidden;
          transition: max-height 0.3s ease-out;
          max-height: 0;
          gap: calc(0.75 * var(--rem-size-xxsmall));
          .body2,
          .body2 a,
          .reshop-link-tooltip {
            font-size: var(--rem-size-small);
            text-underline-offset: 0.1em;
          }
        }

        .option-cta {
          display: none;
        }

        .rotate {
          transform: rotate(180deg);
        }
      }

      @container (inline-size < 375px) {
        .option-container {
          padding: calc(1.25 * var(--rem-size)) var(--rem-size-xsmall);
          gap: var(--rem-size-xxsmall);
        }

        .option-header {
          .option-header-title {
            .reshopHeaderBold {
              font-size: var(--rem-size-small);
              line-height: var(--rem-size-small);
            }
          }
          .option-header-cta {
            min-width: calc(3 * var(--rem-size));
          }
        }
      }
    `];M([F({hasChanged:(i,e)=>{var t;if(i.remSize){const s=document.createElement("style");s.innerHTML=`reshop-side-by-side { --rem-size: ${i.remSize}; }`,(t=document.head)==null||t.appendChild(s)}return JSON.stringify(i)!==JSON.stringify(e)}})],w.prototype,"data",2);M([F()],w.prototype,"loaded",2);M([F()],w.prototype,"expandedContentId",2);w=M([Pe("reshop-side-by-side")],w);
// SIGNATURE: AY2O1G1YZex3sYgcvMe3USRqZ5BZgjKMvPDd9jbK4DUOov9qzcW2+9Tg6qFLT8Qy24pYesUxFJjIoxH3S6XsgnqrAQxOQElCBw2eA3yu35zE9QxKEkx8HYBsl6GwLUphszBSXFYaItM4I47HIc5JOEgR//SovQIUNWnFZaGhALxIFl9s