/**
* @license
* Copyright 2019 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/const O=globalThis,G=O.ShadowRoot&&(O.ShadyCSS===void 0||O.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,K=Symbol(),Y=new WeakMap;let ht=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==K)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(G&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=Y.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Y.set(e,t))}return t}toString(){return this.cssText}};const mt=s=>new ht(typeof s=="string"?s:s+"",void 0,K),ct=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((i,r,o)=>i+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+s[o+1],s[0]);return new ht(e,s,K)},vt=(s,t)=>{if(G)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),r=O.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,s.appendChild(i)}},Q=G?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return mt(e)})(s):s;/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/const{is:yt,defineProperty:$t,getOwnPropertyDescriptor:xt,getOwnPropertyNames:bt,getOwnPropertySymbols:Ct,getPrototypeOf:_t}=Object,x=globalThis,tt=x.trustedTypes,wt=tt?tt.emptyScript:"",V=x.reactiveElementPolyfillSupport,E=(s,t)=>s,I={toAttribute(s,t){switch(t){case Boolean:s=s?wt:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},X=(s,t)=>!yt(s,t),et={attribute:!0,type:String,converter:I,reflect:!1,hasChanged:X};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),x.litPropertyMetadata??(x.litPropertyMetadata=new WeakMap);class A 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=et){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,e);r!==void 0&&$t(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){const{get:r,set:o}=xt(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get(){return r==null?void 0:r.call(this)},set(n){const l=r==null?void 0:r.call(this);o.call(this,n),this.requestUpdate(t,l,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??et}static _$Ei(){if(this.hasOwnProperty(E("elementProperties")))return;const t=_t(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(E("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(E("properties"))){const e=this.properties,i=[...bt(e),...Ct(e)];for(const r of i)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,r]of e)this.elementProperties.set(i,r)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const r=this._$Eu(e,i);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const r of i)e.unshift(Q(r))}else t!==void 0&&e.push(Q(t));return e}static _$Eu(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i: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 i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return vt(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 i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){var o;const i=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,i);if(r!==void 0&&i.reflect===!0){const n=(((o=i.converter)==null?void 0:o.toAttribute)!==void 0?i.converter:I).toAttribute(e,i.type);this._$Em=t,n==null?this.removeAttribute(r):this.setAttribute(r,n),this._$Em=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const n=i.getPropertyOptions(r),l=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)==null?void 0:o.fromAttribute)!==void 0?n.converter:I;this._$Em=r,this[r]=l.fromAttribute(e,n.type),this._$Em=null}}requestUpdate(t,e,i){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??X)(this[t],e))return;this.P(t,e,i)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){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 i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[o,n]of r)n.wrapped!==!0||this._$AL.has(o)||this[o]===void 0||this.P(o,this[o],n)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(r=>{var o;return(o=r.hostUpdate)==null?void 0:o.call(r)}),this.update(e)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(i=>{var r;return(r=i.hostUpdated)==null?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}}A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[E("elementProperties")]=new Map,A[E("finalized")]=new Map,V==null||V({ReactiveElement:A}),(x.reactiveElementVersions??(x.reactiveElementVersions=[])).push("2.0.4");/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/const k=globalThis,N=k.trustedTypes,it=N?N.createPolicy("lit-html",{createHTML:s=>s}):void 0,dt="$lit$",$=`lit$${Math.random().toFixed(9).slice(2)}$`,pt="?"+$,At=`<${pt}>`,_=document,T=()=>_.createComment(""),U=s=>s===null||typeof s!="object"&&typeof s!="function",ut=Array.isArray,St=s=>ut(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",j=`[
\f\r]`,z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,rt=/-->/g,st=/>/g,b=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^
\f\r"'\`<>=]|("|')|))|$)`,"g"),ot=/'/g,nt=/"/g,ft=/^(?:script|style|textarea|title)$/i,zt=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),v=zt(1),w=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),at=new WeakMap,C=_.createTreeWalker(_,129);function gt(s,t){if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return it!==void 0?it.createHTML(t):t}const Et=(s,t)=>{const e=s.length-1,i=[];let r,o=t===2?"":"")),i]};class H{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let o=0,n=0;const l=t.length-1,a=this.parts,[d,u]=Et(t,e);if(this.el=H.createElement(d,i),C.currentNode=this.el.content,e===2){const c=this.el.content.firstChild;c.replaceWith(...c.childNodes)}for(;(r=C.nextNode())!==null&&a.length0){r.textContent=N?N.emptyScript:"";for(let y=0;y2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=h}_$AI(t,e=this,i,r){const o=this.strings;let n=!1;if(o===void 0)t=S(this,t,e,0),n=!U(t)||t!==this._$AH&&t!==w,n&&(this._$AH=t);else{const l=t;let a,d;for(t=o[0],a=0;a{const i=(e==null?void 0:e.renderBefore)??t;let r=i._$litPart$;if(r===void 0){const o=(e==null?void 0:e.renderBefore)??null;i._$litPart$=r=new M(t.insertBefore(T(),o),o,void 0,e??{})}return r._$AI(s),r};/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/class P extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Mt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return w}}var lt;P._$litElement$=!0,P.finalized=!0,(lt=globalThis.litElementHydrateSupport)==null||lt.call(globalThis,{LitElement:P});const W=globalThis.litElementPolyfillSupport;W==null||W({LitElement:P});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.5");/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/const Bt=s=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(s,t)}):customElements.define(s,t)};/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/const Rt={attribute:!0,type:String,converter:I,reflect:!1,hasChanged:X},Ot=(s=Rt,t,e)=>{const{kind:i,metadata:r}=e;let o=globalThis.litPropertyMetadata.get(r);if(o===void 0&&globalThis.litPropertyMetadata.set(r,o=new Map),o.set(e.name,s),i==="accessor"){const{name:n}=e;return{set(l){const a=t.get.call(this);t.set.call(this,l),this.requestUpdate(n,a,s)},init(l){return l!==void 0&&this.P(n,void 0,s),l}}}if(i==="setter"){const{name:n}=e;return function(l){const a=this[n];t.call(this,l),this.requestUpdate(n,a,s)}}throw Error("Unsupported decorator location: "+i)};function g(s){return(t,e)=>typeof e=="object"?Ot(s,t,e):((i,r,o)=>{const n=r.hasOwnProperty(o);return r.constructor.createProperty(o,n?{...i,wrapped:!0}:i),n?Object.getOwnPropertyDescriptor(r,o):void 0})(s,t,e)}/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/function J(s){return g({...s,state:!0,attribute:!1})}const It=ct`
@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);
}
`,Nt="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3ccircle%20cx='16'%20cy='16'%20r='16'%20transform='matrix(-1%200%200%201%2032%200)'%20fill='%23EAEAEA'%20/%3e%3cpath%20d='M20%2012L12%2020M12%2012L20%2020'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e",Lt=`
`,Z=`
`;/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/const Vt={CHILD:2},jt=s=>(...t)=>({_$litDirective$:s,values:t});class Dt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/class q extends Dt{constructor(t){if(super(t),this.it=h,t.type!==Vt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===h||t==null)return this._t=void 0,this.it=t;if(t===w)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:[]}}}q.directiveName="unsafeHTML",q.resultType=1;/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/class F extends q{}F.directiveName="unsafeSVG",F.resultType=2;const R=jt(F),Wt=async(s,t={})=>{const e=`reshop__${s}`,i="reshop-widget",r=sessionStorage.getItem(e)??"",o=new Headers;let n=`${i}`;Object.entries(t).forEach(([l,a])=>{o.append(l,a),n+=`, ${l}`}),o.append(i,r),o.append("access-control-allow-headers",`${n}`);try{const l=await fetch(`https://api.us-prod.reshop.com/partner/widget/${s}`,{method:"GET",headers:o});if(l.ok){const a=await l.json();return sessionStorage.setItem(e,a.uuid),a}else console.error(`Error fetching widget ${s}: ${l.status} ${l.statusText}`)}catch(l){console.error(`Error fetching widget ${s}: ${l}`)}return null};function Zt(){const s={},e=window.location.search.substring(1).split("&");for(const i of e)if(i){const[r,o]=i.split("=").map(decodeURIComponent);r&&o&&(s[r]=o)}return s}typeof window<"u"&&(window.getUrlParams=Zt);function qt(s){if(typeof s=="object"&&s!==null&&"overlay"in s){const t=s.overlay;return typeof t.header=="object"&&typeof t.header.text=="string"&&typeof t.subheader=="string"&&Array.isArray(t.bullets)&&t.bullets.every(e=>typeof e=="object"&&typeof e.svgUrl=="string"&&typeof e.title=="string"&&typeof e.text=="string")&&typeof t.imageUrl=="string"&&typeof t.button=="object"&&typeof t.button.text=="string"&&typeof t.button.logo=="boolean"&&typeof t.button.url=="string"&&typeof t.legalStatement=="object"&&typeof t.legalStatement.boldText=="string"&&typeof t.legalStatement.text=="string"}return!1}const Ft={overlay:{header:{text:"What is a fast refund with"},subheader:"Rather than waiting days or weeks, you’ll get your full refund back quickly with Reshop. After submitting your return, you’ll create a Reshop account to get your money back and can spend again right away, anywhere.",bullets:[{svgUrl:"https://d1fghtjypwlbrf.cloudfront.net/widgets/assets/reshop-fast-refund.svg",title:"Fast refunds",text:"Select Reshop and get your refund in near real time, before you return your items."},{svgUrl:"https://d1fghtjypwlbrf.cloudfront.net/widgets/assets/reshop-cash-or-card.svg",title:"Cash or card",text:"Choose to get your money on a virtual Reshop Card or sent to your bank account."},{svgUrl:"https://d1fghtjypwlbrf.cloudfront.net/widgets/assets/reshop-spend-it-anywhere.svg",title:"Spend it anywhere",text:"It's your money! Once you’re refunded, spend it again right away, anywhere."}],imageUrl:"https://d1fghtjypwlbrf.cloudfront.net/widgets/assets/reshop-tooltip-mock.png",button:{text:"Start a return with",logo:!0,url:"https://reshop.com"},legalStatement:{boldText:"Reshop Visa Prepaid Card is valid only in the U.S. Limited Use.",text:"The Reshop Card is issued by Pathward® N.A., Member FDIC, pursuant to a license from Visa® U.S.A Inc. The Reshop Card is powered by Marqeta. The card can be used anywhere Visa debit cards are accepted. No cash access."}}};var Gt=Object.defineProperty,Kt=Object.getOwnPropertyDescriptor,f=(s,t,e,i)=>{for(var r=i>1?void 0:i?Kt(t,e):t,o=s.length-1,n;o>=0;o--)(n=s[o])&&(r=(i?n(t,e,r):n(r))||r);return i&&r&&Gt(t,e,r),r};let p=class extends P{constructor(){super(...arguments),this.data=Ft,this.loaded=!1,this.toggled=!1,this.showInfoIcon=!1,this.wordmarkColor="var(--black)",this.infoColor="var(--black)",this.hideTrigger=!1,this.hideImage=!1,this.hideLegalMessage=!1}async connectedCallback(){super.connectedCallback();const s=document.getElementById("popup-info");s&&document.body.appendChild(s);const t=await Wt("tooltip");qt(t)&&(this.data=t),this.loaded=!0}tooltipClick(s){var t;!this.showInfoIcon&&!((t=this.infoText)!=null&&t.trim())&&!this.hideTrigger||(s.stopPropagation(),this.toggled=!this.toggled)}overlayTooltipClick(s){s.target===s.currentTarget&&(this.toggled=!this.toggled)}reshopButtonClick(s){s.stopPropagation(),window.open(this.data.overlay.button.url,"_blank")}render(){var l,a;if(!this.loaded)return h;const{header:s,subheader:t,bullets:e,imageUrl:i,button:r,legalStatement:o}=this.data.overlay;let n=this.wordmarkHeight||"17";return v`
${this.hideTrigger?h:v` `}
`}};p.styles=[It,ct`
button {
display: inline;
background-color: transparent;
border: none;
height: 100%;
width: auto;
padding-inline: 0;
}
button svg {
vertical-align: bottom;
height: 100%;
width: auto;
}
.overlay {
display: flex;
visibility: hidden;
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: opacity 0.3s ease, visibility 0.5s ease, z-index 0.3s ease;
overflow: auto;
}
.show {
visibility: visible;
opacity: 1;
z-index: 1000;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--white);
border-radius: var(--rem-size-xxsmall);
margin: var(--rem-size-xxxxlarge) auto;
margin-top: var(--tooltip-modal-top-margin);
max-width: 748px;
max-height: 700px; /* TODO: Use media queries to make it more responsive */
overflow: auto;
height: fit-content;
}
.container button {
align-self: flex-end;
background-color: transparent;
border: none;
cursor: pointer;
}
.info-container {
display: flex;
flex-direction: column;
padding: var(--rem-size-xxxxlarge);
gap: var(--rem-size);
border-radius: var(--rem-size-xxsmall);
background-color: var(--white);
}
.popup-title {
display: inline;
text-align: center;
gap: var(--rem-size-xxsmall);
color: var(--black);
leading-trim: both;
text-edge: cap;
letter-spacing: -0.8px;
svg {
height: calc(2.25 * var(--rem-size));
width: auto;
fill: var(--black);
vertical-align: middle;
}
}
.popup-subtitle {
color: var(--black);
text-align: center;
leading-trim: both;
text-edge: cap;
}
.popup-tips {
margin-top: var(--rem-size-large);
display: inline-flex;
flex-direction: row;
gap: var(--rem-size);
}
.popup-tip {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: var(--rem-size-xxlarge) var(--rem-size-large);
gap: var(--rem-size-large);
border-radius: var(--rem-size-xxsmall);
border: 1px solid var(--light-grey);
}
.popup-tip-title {
color: var(--black);
}
.popup-tip-subtitle {
margin-top: var(--rem-size-xsmall);
color: var(--black);
}
.popup-bottom-container {
width: 100%;
background: linear-gradient(0deg, var(--light-grey) 88%, #ffffff 12%);
text-align: center;
border-radius: var(--rem-size-xxsmall);
button {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: var(--rem-size-xxxsmall);
border: none;
border-radius: calc(6.25 * var(--rem-size));
min-width: calc(22 * var(--rem-size));
height: calc(3.125 * var(--rem-size));
background-color: var(--salmon);
color: var(--white);
cursor: pointer;
}
button svg {
vertical-align: text-bottom;
fill: var(--white);
height: var(--rem-size);
width: auto;
}
}
.popup-bottom-container.no-image {
background: var(--white);
button {
position: relative;
margin-bottom: var(--rem-size-xxlarge);
}
}
.popup-image-container {
position: relative;
display: inline-block;
}
.popup-legal-container {
color: var(--black);
padding: var(--rem-size) var(--rem-size-xxxxlarge);
}
@media screen and (max-width: 768px) {
.container {
margin: var(--rem-size-xxxxlarge) var(--rem-size-large);
}
.info-container {
padding: 0 var(--rem-size-xxlarge) var(--rem-size-xxlarge)
var(--rem-size-xxlarge);
}
.popup-title {
font-size: var(--rem-size-xlarge);
line-height: var(--rem-size-xxlarge);
text-align: left;
svg {
margin-top: var(--rem-size-xxxsmall);
height: calc(1.375 * var(--rem-size));
width: auto;
}
}
.popup-subtitle {
text-align: left;
}
.popup-tips {
flex-direction: column;
gap: var(--rem-size-xlarge);
}
.popup-tip {
flex-direction: row;
padding: 0;
border-radius: 0px;
border: none;
}
.popup-close {
position: relative;
left: var(--rem-size);
top: var(--rem-size);
}
.popup-content {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.popup-tip-title {
font-size: var(--rem-size-large);
}
.popup-tip-subtitle {
text-align: left;
margin-top: var(--rem-size-xxxsmall);
}
.popup-legal-container {
padding: var(--rem-size) var(--rem-size-xxlarge);
}
}
@media screen and (max-width: 428px) {
.container {
margin: var(--rem-size);
.popup-bottom-container {
button {
min-width: calc(18 * var(--rem-size));;
}
}
}
}
}
`];f([J()],p.prototype,"data",2);f([J()],p.prototype,"loaded",2);f([J()],p.prototype,"toggled",2);f([g({type:Boolean})],p.prototype,"showInfoIcon",2);f([g()],p.prototype,"textPosition",2);f([g()],p.prototype,"extraText",2);f([g()],p.prototype,"wordmarkColor",2);f([g()],p.prototype,"infoColor",2);f([g({type:Boolean})],p.prototype,"hideTrigger",2);f([g({type:Boolean})],p.prototype,"hideImage",2);f([g({type:Boolean})],p.prototype,"hideLegalMessage",2);f([g()],p.prototype,"wordmarkHeight",2);f([g()],p.prototype,"infoText",2);f([g()],p.prototype,"textColor",2);p=f([Bt("reshop-tooltip")],p);
// SIGNATURE: AX5K61KdOkFc09Cr3fVzJtBcPmH5F3H7WfKzeSnTyaLAv76LQ6k4NPEYOlcokDTp2pME6xiQL8x0HNyVoXBkpYlNAYBquhcKF7eVzexROs5PW6zT6pD2LR7kZhbt4r1oIQEc1yLdromkUyGbeoXBmH+2VGjdHJcx3rtHqRYirq46RUsm
`)}