@zonos/elements 1.3.15-alpha.1 → 1.3.15-alpha.2

package/dist/cjs/zonos-address_4.cjs.entry.js

@@ -224,7 +224,7 @@ const ZonosAddress = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '549fc102d06aa0fd138ca03afb2e6fc691108ac2', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '6e8853dccc44714d21c9c0417d068dab9f10bd2e', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '2c28a21f87720427b9a98d0d6e2fa638232855dc', class: "zonos--address-component" }), this.invalidCharacterList && (index.h("zonos-banner", { key: '6fc1f7445d51531c8f4009d1f2f82831a9351c4c', bannerTitle: cart.translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (index.h("zonos-text", null, `- ${cart.translate(mappedFields[fieldName])}: ${cart.translate('only supports Latin characters (A-Z, a-z)')}`)))))));
+        return (index.h(index.Host, { key: 'd5100d824d84c5e5b238f4877d489ca1b3f7b886', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '0fd51ddf9b08b4f62aa75a5f2e919d40e52f6fc3', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '3a53ec2a36e96639ec5437b928d4be4b84fb3aff', class: "zonos--address-component" }), this.invalidCharacterList && (index.h("zonos-banner", { key: '1141be407cff5b6741a40a06712a71e881d3a082', bannerTitle: cart.translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (index.h("zonos-text", null, `- ${cart.translate(mappedFields[fieldName])}: ${cart.translate('only supports Latin characters (A-Z, a-z)')}`)))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -272,14 +272,14 @@ const ZonosCheckbox = class {
                     ? 'var(--amino-gray-800)'
                     : 'var(--amino-gray-0)';
         const borderStyle = getBorderRadius.getBorderRadius(this.borderStyle, '4px');
-        return (index.h(index.Host, { key: '3cf37521b3f7dc267bdcd23f0c023cdff9f73048', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: '1383262a5cca00ede5154fbdf37bbabb8cbcd501', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--background-color': backgroundColor,
                 '--border-radius': borderStyle,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 '--size': `${this.size}px`,
-            } }, index.h("label", { key: '6771cc475d111684518492cbff6204a9cad5ec33', class: classes.classes([this.isDisabled && 'disabled']) }, index.h("input", { key: '832a30d4aa546a5c7b5ab9e8437428aa08f20c17', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
+            } }, index.h("label", { key: 'aa01d0b1eebb53587f8d2d344e3b1d01a6a7a683', class: classes.classes([this.isDisabled && 'disabled']) }, index.h("input", { key: '166eef6010570137110f8548c9eb76f32e5616e9', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), index.h("span", { key: '9fe422aee5af96df40176d7d96006c578fe9273f', class: "checkmark-container" }, index.h("svg", { key: '7097c01f50d8cca92ee1bb531e0ac316cfca1036', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '2fb6af94baa97412ce3dd49ceca12397886ce50b', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: 'f1c02b4377be2e48936a6e32049117b7a81a292b', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: 'd98289266cd4e78dd1e5c9b89019d0dd4927e4d0', class: "checkmark-container" }, index.h("svg", { key: 'e179fe12a77e0c7f1f48bc943ff472d0a75e05d5', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '147acf112b6d28fa30af8e8c7fe8d7f998a507ab', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: 'b83bb5bb1881580be3d0ab3ed83157a0c0ce3f8e', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -329,10 +329,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (index.h(index.Host, { key: '7e0d608d6bfe0ffa5b04b2a30fb27e956c7cb255', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: 'ec163c2c73f38e479ba22bb3bea5dbe2f156170b', class: 'zonos--elements zonos--collapse', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: '94f69d9e0e6c849a9b609567036ff5cfd2f8ce9c' }, index.h("iframe", { key: '66ad13c9e08d2ece856543af98c440fec4fd5975', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '9d0f92e6d22f3e365bc3cec1e5d23325e045bc1a' }))));
+            } }, index.h("div", { key: 'ab8b73ff44968d8e2f3dcf75439b09da36fdfb22' }, index.h("iframe", { key: '0b6d3518382c4c17a6eacb07c1617e84c7301c39', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '752d9054dadf8905e22cfcca81bb966c2d3ce8d3' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -373,7 +373,7 @@ const ZonosLinkAuthentication = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '31c41fa819b53a3de0b772f2a808bbc2a5954f0b', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: '79168635348479523ac726458ac4fdc5c791f6a7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '1eb99df8b3ca8d92b0bdbbd1ef8fd5f561294904', class: "zonos--link-authentication-component" })));
+        return (index.h(index.Host, { key: '97c3c388d1a035e6a46ecdbd3bc66d80a589b19f', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: 'e799af821045b2c1792d2971843afa0c7d3ece5b', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'eaf9be27a11d279c13f261e1312ee8a46e4620f7', class: "zonos--link-authentication-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-badge_2.cjs.entry.js

@@ -20,16 +20,16 @@ const ZonosBadge = class {
         this.rounded = false;
     }
     render() {
-        return (index.h(index.Host, { key: '01a64861017098d6cdfa94b46ee675660147c45d', class: classes.classes(['zonos--elements zonos--badge']), style: {
+        return (index.h(index.Host, { key: 'cc521e396f505c1f3a69d40b755585c1e439f120', class: classes.classes(['zonos--elements zonos--badge']), style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'ef736fdfe0352ea201ecb34cbec695d90cfe4e5f', class: classes.classes([
+            } }, index.h("div", { key: '132ee2adfd3be7634d71df9ee1bf813fd56fe768', class: classes.classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, index.h("zonos-text", { key: '941793bf2ee10ad47bc5263f1bc2cbf6637d8bcd' }, index.h("slot", { key: '11da2ba6d11f451ecb71b1b2eb9ae29a009f8418' })))));
+            ]) }, this.icon, index.h("zonos-text", { key: 'ebe7b204422dc3b0d9fe93d3ca9bd75ceddb9f37' }, index.h("slot", { key: 'e58b021307f14226ce15df693bedfa50f79f6d8a' })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;
@@ -45,10 +45,10 @@ const ZonosTooltip = class {
         this.showTooltip = false;
     }
     render() {
-        return (index.h(index.Host, { key: '20c737a7dd6aae9b2b7aa1a293dd891cc618dfbb', class: "zonos--elements" }, index.h("div", { key: '09aefcda610b6536a10b0a325c2b460d2f5a2976', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '4191e0e3297b1c5ff625ee965773d026a970db68' }), index.h("div", { key: 'f4a4455f57ad9e03a6bf3d4309999480caa077f4', class: classes.classes([
+        return (index.h(index.Host, { key: '3b1bc52074428e85d2e3939b0fb6dbf4e8146e1c', class: "zonos--elements" }, index.h("div", { key: 'ded9a789ec041c9bd01c4a225ad0706a097c2215', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '2052001f18e774bf5f364f2f94fb83fbc161e510' }), index.h("div", { key: 'ed207e64c5361aadf6deb25574b736bbbb32cf49', class: classes.classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, index.h("zonos-text", { key: '36d1afd592d1e83cf325bb64bef2ff94cd6f5adb', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: '8e9562f0cb35a53e32dd39cabf22cc26a1e07d47', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, index.h("zonos-text", { key: 'c2b064cac7a7851bbb8cd55ec116655160fffe6b', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: 'e03b47929a5b1856b6770e97403c85088d6a6c77', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
 };
 ZonosTooltip.style = ZonosTooltipStyle0;

package/dist/cjs/zonos-button_2.cjs.entry.js

@@ -100,12 +100,12 @@ const ZonosButton = class {
         const spinnerColor = backgroundActualColor && isDarkColor.isDarkColor(backgroundActualColor)
             ? 'white'
             : 'black';
-        return (index.h(index.Host, { key: '5f6e507c51fe1b02bbc14ff2bea2267ced9f8053', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (index.h(index.Host, { key: '105badc02dbdcd9c782942e2b71719cd0ae7444e', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': overrideBackground,
                 '--border-radius': borderStyle,
                 '--color': color,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            }) }, index.h("button", { key: 'f464fef0f48e4e8fbfec844c8f4e3e6c525c70fd', class: classes.classes([
+            }) }, index.h("button", { key: 'c817b0eec6a0649e48155f284965412beb89a5f6', class: classes.classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -118,7 +118,7 @@ const ZonosButton = class {
                 overrideBackground &&
                     variant === 'standard' &&
                     'override-background',
-            ]), disabled: disabled }, this.loading && (index.h("div", { key: '9fafd9c3c4764df1b9e268f6784b75fdfe21f9a7', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '5a2acbea7bbf41d76ce262f073f78e9f966dddc9', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '29982e7b98f8e9940f20916513434b5b1125c93a', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            ]), disabled: disabled }, this.loading && (index.h("div", { key: '85d6175e728b87276b95e831560530a3f7424a7c', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: 'c65d771ca5182ac27da1769884dd8a4060037a1b', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: 'e3c6b155c4eb0f22aa9378586563face84ef8c2d', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     get ele() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-card_2.cjs.entry.js

@@ -24,12 +24,12 @@ const ZonosCard = class {
         this.spacing = '24px';
     }
     render() {
-        return (index.h(index.Host, { key: 'e45c790b27e1991c005156ad6e53b1c8754d4dc5', style: {
+        return (index.h(index.Host, { key: '49d97d816bec7113ef6654cdf6f54598a17ebc00', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'efb85ca20d87be834dfe8dd0a80ba590e34480f3', class: classes.classes(['styled-card']), style: { padding: this.spacing } }, this.label && (index.h("header", { key: 'edf7aa372e011fc76b14628b7a850fbb4577040e', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: 'ed7202d01519374129dc9f20f4c0914f2af311f8', type: "subheader" }, this.label), index.h("h-stack", { key: 'f3d041b3a96cfd5df4395efb7cbc958fb4ff3140', spacing: 8 }, this.actions))), index.h("slot", { key: '5957af957d0f2b1d9974dee154d050089dee574b' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: '723c690483ebbe294c132fe39482180051bb7b8e', class: "card-footer", style: {
+            } }, index.h("div", { key: '6c4e326aa182ab597b099ddaf228b8b83efc471f', class: classes.classes(['styled-card']), style: { padding: this.spacing } }, this.label && (index.h("header", { key: 'eb96bb3be8a7f78cec51f0288ed7d78b4f598659', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '11b6afcf37ec978d154990ab0a6b558d3b203126', type: "subheader" }, this.label), index.h("h-stack", { key: 'ae03b7569dc0f0e28fccd6c225305db778c6a21e', spacing: 8 }, this.actions))), index.h("slot", { key: 'b6224bc4d019e302b36a81c6c3a81e2bca4504b1' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: 'f629f3d4914a92f400e7ccfd347e211bbf11035b', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, index.h("div", { key: '12a11f8192e9bdd95afd52a7b58ad99b6300c830' }, this.footerContent), index.h("h-stack", { key: '60cb2397fbe8f81a4248ab0581380ba125d08797', spacing: 8 }, this.footerActions))))));
+            } }, index.h("div", { key: '696d8588e5de862f111c09b801d26f2625e4017f' }, this.footerContent), index.h("h-stack", { key: '3b2df392b850b27fcdc6e745a2d5093124562367', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;
@@ -55,9 +55,9 @@ const ZonosLanguageSelect = class {
     }
     render() {
         const { selectedLocale } = cart.localizationStore;
-        return (index.h(index.Host, { key: '5ccbe14cb452d09ae6bc2fb607f745397d94f55e', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'b17a55c8fe256cf1e484834700dec4ea512a0379', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '9679284a648e7fa09bbdcba7f2d7b6665134772b', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '15f1b2497a2808c2df25611ec33d2f4dc4ba8586', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a language') }), index.h("div", { key: 'f072ae8c34af9d218f8975cbead1123a1b449e62', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, index.h("div", { key: '0d8c6f5902f3f25c2528d88dd76b625807f2bd62', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: 'c82d962040885203b20f384a56990d9515afeba6', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a language') }), index.h("div", { key: 'ac4a694a903eaa38886d929350b74b0c0114b61d', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
 };
 ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;

package/dist/cjs/zonos-cart-items_10.cjs.entry.js

@@ -262,7 +262,7 @@ const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none"
 </svg>
 `;
 
-const zonosCheckoutFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:absolute;bottom:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);gap:var(--amino-space-16);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{line-height:0}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8);position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:var(--amino-space-4)}}:host .zonos--checkout-footer .zonos--checkout-footer-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--amino-surface-color);-webkit-box-shadow:var(--amino-v3-shadow-xl);box-shadow:var(--amino-v3-shadow-xl);border-radius:var(--amino-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:10005;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--amino-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:var(--amino-space-32);background:var(--amino-gray-0);position:relative;padding-top:var(--amino-space-24);bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}";
+const zonosCheckoutFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:absolute;bottom:-50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}:host .zonos--checkout-footer{width:calc(90vw - 22px);gap:var(--amino-space-16);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-24)}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo{display:-ms-inline-flexbox;display:inline-flex;gap:var(--amino-space-8);-ms-flex-align:center;align-items:center}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a{line-height:0}:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a{text-decoration:none}:host .zonos--checkout-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8);position:relative}@media (max-width: 400px){:host .zonos--checkout-footer .zonos--checkout-locale-wrapper{gap:var(--amino-space-4)}}:host .zonos--checkout-footer .zonos--checkout-footer-dialog{position:absolute;bottom:36px;left:var(--language-dialog-left);background:var(--amino-surface-color);-webkit-box-shadow:var(--amino-v3-shadow-xl);box-shadow:var(--amino-v3-shadow-xl);border-radius:var(--amino-radius-12);width:360px;max-width:100vw;max-height:500px;z-index:10005;overflow:auto;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0;-webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out;transition:transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar{width:10px}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{background:var(--amino-gray-50)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--checkout-footer .zonos--checkout-footer-dialog::-webkit-scrollbar-track{border-top-right-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12)}:host .zonos--checkout-footer .zonos--checkout-footer-dialog.zonos--checkout-footer-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host(.mobile){-ms-flex-direction:column;flex-direction:column;gap:var(--amino-space-32);background:var(--amino-gray-0);position:relative;padding-top:var(--amino-space-24);bottom:0}:host(.mobile) .zonos--checkout-footer{-ms-flex-direction:column;flex-direction:column;gap:var(--amino-space-4)}:host(.mobile) .zonos--checkout-locale-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-icon-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--checkout-footer-dialog{position:fixed;left:0;right:0;bottom:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:100vw}";
 const ZonosCheckoutFooterStyle0 = zonosCheckoutFooterCss;
 
 const ZonosCheckoutFooter = class {
@@ -295,7 +295,7 @@ const ZonosCheckoutFooter = class {
         return (index.h(index.Host, { key: 'fae1e5cb1250e834ecf3b09f11785ddea61be3b2', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: 'f3d48fcc675458dd38ca48e21f24a003b5ff9b56', class: "zonos--checkout-footer" }, index.h("div", { key: '97daec871630cf2bb33956b668abee2e715eceb5', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: 'cd6e12e8d1320e3e6542eef16f15ab27921748c3', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), index.h("div", { key: 'bdc6d9311d2d039e87c261ead45474b7bf1fe992', class: classes.classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, index.h("zonos-text", { key: '41a7fae5a1a08d22b91341ccfcc0df9daeeb8f82', textColor: colorDesktop, type: "caption" }, "Powered by"), index.h("a", { key: '394e19392718d2a40a351692fa358f8f86366b46', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '4d8cadbb7c26e8f7888caad2b158d521ab504590', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 }))))));
+            ]) }, index.h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, index.h("a", { key: 'e2cf10499ed764fb2e7086761ece106580cd6440', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '0fe6c810a6d7f84a781655cefc47ec6cbb5131c9', textColor: colorDesktop }, "Privacy policy")), index.h("div", { key: '50401876a45161e80f593971e602e4c449e78dbe', class: "zonos--checkout-footer-logo" }, index.h("zonos-text", { key: '0f69d9d9955165de13a49ff00a7044090b141800', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '680e6fe4d0a783e2ebc55a51ffb55846ad997249', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '22aee1eb21306141e620bcc1b0dbf035bd710fba', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -431,17 +431,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: '419ccd73b029f2bbb92824f9398249d69cfd22aa', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '8b1ca1b840103589ca7929771a7b828928ef1a64', class: "zonos--elements", style: {
                 '--color': contrastLabelColor,
                 '--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: '2dccf47e6211a6d25f2f8a4ece84c2759d06dc5a', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: 'b1bd07fcc96bd4e900ba945e9f57b27967d3a458', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cart.cartStore.step = tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, cart.translate(tab.label))));
-        })), index.h("div", { key: '8f70a570e14fe00d855081a5a00607cdbbe87f1b', class: "zonos--tab-progress" }, index.h("div", { key: '85dd90b7a571ee92035bc6a03ce1d97af85e1e0d', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: 'f5b8b79050e1ebf23355161202a53854a0d9d08d', class: "zonos--tab-progress" }, index.h("div", { key: '5e9b4a726dd0cc6601a0097652b06759a7bba1fe', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -580,7 +580,7 @@ const ZonosDialog = class {
             document.body.style.overflow = 'auto';
         }
         const borderStyle = getBorderRadius.getBorderRadius(this.borderStyle);
-        return (index.h(index.Host, { key: 'c97c24de2950d418d1aec4738ea6152e24f8049a', class: classes.classes([
+        return (index.h(index.Host, { key: 'cfa43ca3e1e64bbc9fb81dd35f07b5a2a57ef5a7', class: classes.classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -591,10 +591,10 @@ const ZonosDialog = class {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 '--height': this.height || 'initial',
                 '--width': this.width,
-            } }, index.h("div", { key: 'd8053eb085edd344a5c667123515932a759ee4df', class: "zonos--backdrop" }), index.h("div", { key: '15f11f85257160698f7850495f3d8866dfd46346', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, index.h("div", { key: '6cb8ab8555511cfdbb502ecdb7b796894ff9b0df', class: "zonos--dialog" }, this.isLoading && (index.h("div", { key: '7dc1c154cda561aca93c0b3f09bf1c8f9d01446b', class: "zonos--loading" }, index.h("zonos-spinner", { key: '71701888d4320b35f43934a425a6e44653c84e62', size: 30 }))), (this.headerText || !this.noCloseButton) && (index.h("div", { key: '5e9ea325a80cefc212c4375dec076d4a703d3bbb', class: "zonos--header" }, this.headerText && (index.h("h3", { key: '6372813c8c79c0c4a09cca96bf85749ce32a43fb', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (index.h("zonos-button", { key: '00d2f9393acec2da88794977cf6cfd4308fffb31', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), index.h("div", { key: '71177d6272533d34143f50d2ebce277b3cb6a6db', class: classes.classes([
+            } }, index.h("div", { key: '967accb9ec4e552bab62bbec21fd0319d68828dc', class: "zonos--backdrop" }), index.h("div", { key: '37041f00cd3a996510f25708460a91baa527ed74', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, index.h("div", { key: '571cfdac8125f10d380e06efc1464ddcaf1f335e', class: "zonos--dialog" }, this.isLoading && (index.h("div", { key: '200e75be392f6e8745ebbf2ddfa74aaf3d027caa', class: "zonos--loading" }, index.h("zonos-spinner", { key: 'a5d5a0d22a5d8ae5a22207716a7904d7031efa8d', size: 30 }))), (this.headerText || !this.noCloseButton) && (index.h("div", { key: '37800b1fd96b0ff6df2724b4d62ea133470fae2c', class: "zonos--header" }, this.headerText && (index.h("h3", { key: 'eb0ef1b8c3d82d889f76b18b15d98a19fa1480a1', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (index.h("zonos-button", { key: '24b6945af71c51a35a09177e65d0b081abec75cb', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), index.h("div", { key: 'a9d913ce8af53e60ffbf8eeb41b6d4372e0d389e', class: classes.classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, index.h("slot", { key: 'ae388c5f9d7a250e0f829313acc561aea9ba1468' })), index.h("slot", { key: '202816af31727db4a92af8f63daeb34992ac5504', name: "dialog-footer" })))));
+            ]) }, index.h("slot", { key: '02c77f819baa6b1a684dfdf02b756ffa1fb55751' })), index.h("slot", { key: '0b469253c01c418d43d0865ae72d065d2a911aeb', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -740,7 +740,7 @@ const ZonosShipping = class {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (index.h(index.Host, { key: 'f46a224f05bd6a5b762e7b4a9130c809fa1806d9', class: "zonos--shipping zonos--elements" }, index.h("div", { key: '07dceedd0abb2c794c8f4b7c70d51f84eb76f82f', class: "zonos--group" }, index.h("zonos-text", { key: 'e9aec3b541e90bca19218f5444b2a1282c1fade2', class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Delivery options')), this.showErrorBanner && !!((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) && (index.h("zonos-banner", { key: 'df955af5f7318a0146d72aae0d5292a5455c16d9', class: "zonos--error-banner", intent: "error" }, cart.translate('No shipping method selected'))), index.h("zonos-text", { key: 'eacb6cc1936ac9a70f32deca90fa88efd9d560bd', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !((_b = this.serviceLevels) === null || _b === void 0 ? void 0 : _b.length) ? (index.h("zonos-banner", { bannerTitle: cart.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (index.h("zonos-shipping-rich-radio", { initialSelectedValue: (_c = this.selectedShippingMethod) === null || _c === void 0 ? void 0 : _c.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), index.h("div", { key: '37aed76bf80c937ed9dddbefb7f6417bf1322a89', class: "zonos--group-btn" }, index.h("zonos-button", { key: '09a5e1986f6d39ece56a0ea9b47324f81e4c3d84', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+        return (index.h(index.Host, { key: 'c172dbd75de8a0d5d32d7e3e1814a124aaa05c05', class: "zonos--shipping zonos--elements" }, index.h("div", { key: '3dbbfadac7c8fb2bd4f3337206da535add7c4dd5', class: "zonos--group" }, index.h("zonos-text", { key: '93c2e9f56359a0c046e23a0e8c70af9af2dad3f4', class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Delivery options')), this.showErrorBanner && !!((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) && (index.h("zonos-banner", { key: 'dc0aa4f036719929344071fe68dd8bf98d493642', class: "zonos--error-banner", intent: "error" }, cart.translate('No shipping method selected'))), index.h("zonos-text", { key: '98dd599d8a87e3a350b928a5d0d9300aa197d731', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !((_b = this.serviceLevels) === null || _b === void 0 ? void 0 : _b.length) ? (index.h("zonos-banner", { bannerTitle: cart.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (index.h("zonos-shipping-rich-radio", { initialSelectedValue: (_c = this.selectedShippingMethod) === null || _c === void 0 ? void 0 : _c.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), index.h("div", { key: 'a59a2833967bde37cd2b31dca4209e8730ec92dc', class: "zonos--group-btn" }, index.h("zonos-button", { key: 'ef100ac737c28901f609b188bfa0b9e58d4363e8', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, cart.translate('Go to payment'))))));
     }

package/dist/cjs/zonos-component.cjs.entry.js

@@ -22,7 +22,7 @@ const ZonosComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return index.h("div", { key: 'b88706a49b858decbff163e085da6df8b8513eac' }, "Hello, World! I'm ", this.getText());
+        return index.h("div", { key: '25e0ed1ec26c0b3b3d8539ccb58f914eac9301c8' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -267,7 +267,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '59ea7b586263bcd6c5f42c8e52144dbd56463d89', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'fb8d58a358b76ed2def980d7cd516266253bbbb4', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

package/dist/cjs/zonos-country-select_3.cjs.entry.js

@@ -1828,9 +1828,9 @@ const ZonosCountrySelect = class {
         const filteredCountries = this.inputValue
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
-        return (index.h(index.Host, { key: 'd7397a52b23af00e87b88f3869798ea17de7efa3', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '4ac4ac37704300786a6a4b3668b1608cf9c2fd96', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '6bf32f3ab45ac6640da6b375539e78afe9e730bc', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '95203326a2ead88bef76d91a545b89b2a497eb21', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'b2b120a3a4e5fe69466e2d0803181cb83cf6aec3', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, index.h("input", { key: '4269dfc717b0e2397449a15053da7036cefc03ec', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), index.h("div", { key: 'dc7e39c2ee17ff3e5a2ebca1c69e6c399b848f4b', class: "zonos--country-select-content" }, filteredCountries.map(country => (index.h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, index.h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), index.h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === cart.localizationStore.selectedCountryCode && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
+            } }, index.h("div", { key: 'aecc099069d42c73703f510b7021d1a0b988b810', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '358b01905c26ea03eef9c8a1551d1faa5c13b763', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'a22baac4b445d2dee08be2cb9c31714b226d9327', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, index.h("input", { key: '71515910f8bb3ef512c76a71246272f49506ee63', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), index.h("div", { key: '44d417c7859f4263c8286e60a2cc9bfbe7a6698d', class: "zonos--country-select-content" }, filteredCountries.map(country => (index.h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, index.h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), index.h("zonos-text", { textColor: "gray-800" }, country.displayName), country.code === cart.localizationStore.selectedCountryCode && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
     }
     get ele() { return index.getElement(this); }
 };
@@ -1847,9 +1847,9 @@ const ZonosCustomMessage = class {
     }
     render() {
         const messageWithLinks = formatStringWithLinks.formatStringWithLinks(this.message);
-        return (index.h(index.Host, { key: '493a7967c460956be2c539e887c839950aea92e9', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '197958ea99ffdb3cfc291144129c20b01fdd8b11', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, this.message && (index.h("zonos-card", { key: '056de7926b3f8a1c0126a465abbc0962cc7f2f64', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: '992ed280cb9d44abf872698fd54acbf9b384255b', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '5a3fe5a438ab1e5ab10ed831cc65a4783a36f195', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: 'b5fcefeeae68c3d4bd60a36c039050e6d4f2927a', innerHTML: messageWithLinks }))))));
+            } }, this.message && (index.h("zonos-card", { key: 'c8ac70b6c21f6b412653a859661a07a3a07905c6', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: '2efe05820fd9e5f23d48a9ac0c167d3ec41b34d1', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '81577b44466ad6ed48b014fd20b441b3be96a70b', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: '16ba131ca7a8d80c81de6c38f3fbd11d872a8b2a', innerHTML: messageWithLinks }))))));
     }
 };
 ZonosCustomMessage.style = ZonosCustomMessageStyle0;
@@ -1866,7 +1866,7 @@ const ZonosIcon = `<svg width="105" height="29" viewBox="0 0 105 29" fill="none"
 </svg>
 `;
 
-const zonosHelloDialogFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}[data-theme=LIGHT],.zonos--elements{color-scheme:light;--amino-transition:all 0.2s ease-in-out 0s;--amino-type-scale-base:16px;--amino-glass-0:#10111600;--amino-glass-50:#1011160a;--amino-glass-100:#10111614;--amino-glass-200:#10111626;--amino-glass-300:#1011163d;--amino-glass-400:#10111656;--amino-glass-500:#10111670;--amino-glass-600:#1011169b;--amino-glass-700:#101116ad;--amino-glass-800:#101116bc;--amino-glass-900:#101116c6;--amino-glass-1000:#101116dd;--amino-glass-1100:#101116ef;--amino-glass-1200:#101116f5;--amino-gray-0:#ffffff;--amino-gray-50:#f6f6f8;--amino-gray-100:#eaebed;--amino-gray-200:#d9dadd;--amino-gray-300:#c5c6ca;--amino-gray-400:#acaeb3;--amino-gray-500:#94969e;--amino-gray-600:#6a6d77;--amino-gray-700:#5c5e68;--amino-gray-800:#4d505a;--amino-gray-900:#40424c;--amino-gray-1000:#2e3038;--amino-gray-1100:#1e1f26;--amino-gray-1200:#101116;--amino-blue-100:#deedfe;--amino-blue-200:#c5ddfd;--amino-blue-300:#aacbfc;--amino-blue-400:#89b2fa;--amino-blue-500:#5f92f6;--amino-blue-600:#445eee;--amino-blue-700:#364bd4;--amino-blue-800:#2c3baf;--amino-blue-900:#252e7e;--amino-blue-1000:#1c2154;--amino-cyan-100:#dbfffe;--amino-cyan-200:#bafdfd;--amino-cyan-300:#8ff6fa;--amino-cyan-400:#65e6ef;--amino-cyan-500:#4ec6d4;--amino-cyan-600:#37a5b4;--amino-cyan-700:#2c8896;--amino-cyan-800:#26707e;--amino-cyan-900:#245660;--amino-cyan-1000:#183339;--amino-red-100:#ffedeb;--amino-red-200:#fdd3d0;--amino-red-300:#fcb4b2;--amino-red-400:#fa8b8b;--amino-red-500:#f95c67;--amino-red-600:#d92141;--amino-red-700:#b4223d;--amino-red-800:#8c1d33;--amino-red-900:#641627;--amino-red-1000:#49121f;--amino-orange-100:#ffefe0;--amino-orange-200:#fed7b8;--amino-orange-300:#fdc7a0;--amino-orange-400:#fca975;--amino-orange-500:#f88c53;--amino-orange-600:#e5591a;--amino-orange-700:#b6471b;--amino-orange-800:#903a1d;--amino-orange-900:#692c1c;--amino-orange-1000:#441c13;--amino-green-100:#e0ffe3;--amino-green-200:#c8fdce;--amino-green-300:#a9f9b5;--amino-green-400:#7de490;--amino-green-500:#56c76f;--amino-green-600:#2b9c4d;--amino-green-700:#298549;--amino-green-800:#266e3e;--amino-green-900:#245234;--amino-green-1000:#1c3626;--amino-purple-100:#f4eeff;--amino-purple-200:#e7d8fd;--amino-purple-300:#ddc5fc;--amino-purple-400:#cea9fa;--amino-purple-500:#bd82f8;--amino-purple-600:#ab30ee;--amino-purple-700:#922bc5;--amino-purple-800:#742498;--amino-purple-900:#54206a;--amino-purple-1000:#3b1948;--amino-transparent-white:#ffffffbb;--amino-transparent-black:#101116bb;--amino-transparent-gray-600:#6a6d771f;--amino-v3-shadow-base:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 1px 2px rgba(10, 10, 11, 0.06), 0px 1px 3px rgba(10, 10, 11, 0.1);--amino-v3-shadow-medium:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 4px 6px rgba(10, 10, 11, 0.1), 0px 2px 4px rgba(10, 10, 11, 0.06);--amino-v3-shadow-large:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 10px 15px rgba(10, 10, 11, 0.1), 0px 4px 6px rgba(10, 10, 11, 0.05);--amino-v3-shadow-xl:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 20px 25px rgba(10, 10, 11, 0.1), 0px 10px 10px rgba(12, 12, 13, 0.04);--amino-v3-shadow-xxl:0px 0px 0px 1px rgba(110, 110, 120, 0.1),\n    0px 32px 50px rgba(10, 10, 11, 0.24);--amino-v3-shadow-inset:0px 1px 0px #ffffff, 0px 2px 4px rgba(0, 0, 0, 0.04),\n    inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n    inset 0px 0px 8px rgba(0, 0, 0, 0.02);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(68, 94, 238, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(43, 156, 77, 0.4);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-space-negative-80:-5rem;--amino-space-negative-76:-4.75rem;--amino-space-negative-72:-4.5rem;--amino-space-negative-68:-4.25rem;--amino-space-negative-64:-4rem;--amino-space-negative-60:-3.75rem;--amino-space-negative-56:-3.5rem;--amino-space-negative-52:-3.25rem;--amino-space-negative-48:-3rem;--amino-space-negative-44:-2.75rem;--amino-space-negative-40:-2.5rem;--amino-space-negative-36:-2.25rem;--amino-space-negative-32:-2rem;--amino-space-negative-28:-1.75rem;--amino-space-negative-24:-1.5rem;--amino-space-negative-20:-1.25rem;--amino-space-negative-16:-1rem;--amino-space-negative-12:-0.75rem;--amino-space-negative-8:-0.5rem;--amino-space-negative-4:-0.25rem;--amino-space-0:0;--amino-space-4:0.25rem;--amino-space-8:0.5rem;--amino-space-12:0.75rem;--amino-space-16:1rem;--amino-space-20:1.25rem;--amino-space-24:1.5rem;--amino-space-28:1.75rem;--amino-space-32:2rem;--amino-space-36:2.25rem;--amino-space-40:2.5rem;--amino-space-44:2.75rem;--amino-space-48:3rem;--amino-space-52:3.25rem;--amino-space-56:3.5rem;--amino-space-60:3.75rem;--amino-space-64:4rem;--amino-space-68:4.25rem;--amino-space-72:4.5rem;--amino-space-76:4.75rem;--amino-space-80:5rem;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1000);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n      var(--amino-transparent-gray-600) inset,\n    var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n    var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-0);--amino-surface-color-secondary:var(--amino-gray-50);--amino-backdrop-color:var(--amino-gray-1200);--amino-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--amino-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--amino-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--amino-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--amino-button-standard-hover:linear-gradient(180deg, #fff 0%, #eaebed 100%);--amino-spinner-track-black:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-black:#0c0c0c;--amino-spinner-track-white:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-white:#ffffff;--amino-appbar-height:55px;--amino-sidebar-width:232px;--amino-elevation-0:0;--amino-elevation-100:100;--amino-elevation-200:200;--amino-elevation-300:300;--amino-elevation-400:400;--amino-elevation-500:500;--amino-dialog-elevation:var(--amino-elevation-400);--amino-toast-elevation:var(--amino-elevation-500);--amino-appbar-elevation:var(--amino-elevation-500);--amino-size-xl:56px;--amino-size-lg:48px;--amino-size-md:40px;--amino-size-sm:32px;--amino-radius-4:0.25rem;--amino-radius-6:0.375rem;--amino-radius-8:0.5rem;--amino-radius-10:0.625rem;--amino-radius-12:0.75rem;--amino-font-size-3xl:2.125rem;--amino-font-size-2xl:1.75rem;--amino-font-size-xl:1.375rem;--amino-font-size-l:1.125rem;--amino-font-size-base-docs:1rem;--amino-font-size-base:0.875rem;--amino-font-size-s:0.75rem;--amino-font-size-xs:0.625rem;--amino-line-height-3xl:3rem;--amino-line-height-2xl:2.5rem;--amino-line-height-xl:2rem;--amino-line-height-l:1.5rem;--amino-line-height-base:1.5rem;--amino-line-height-s:1rem;--amino-line-height-xs:0.75rem;--amino-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n    \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n    \"Helvetica Neue\", sans-serif;--amino-font-mono:Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,\n    Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,\n    Courier New, monospace;--amino-font-harmonized-codes:\"Fira Code\", var(--amino-font-sans);--amino-input-background:inherit}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]),.zonos--elements[data-theme=DARK],.zonos--elements [data-theme=DARK]{color-scheme:dark;--amino-glass-0:#ffffff00;--amino-glass-50:#ffffff0a;--amino-glass-100:#ffffff21;--amino-glass-200:#ffffff26;--amino-glass-300:#ffffff44;--amino-glass-400:#ffffff51;--amino-glass-500:#ffffff63;--amino-glass-600:#ffffff8e;--amino-glass-700:#ffffffa8;--amino-glass-800:#ffffffc1;--amino-glass-900:#ffffffd8;--amino-glass-1000:#ffffffea;--amino-glass-1100:#fffffff4;--amino-glass-1200:#fffffffa;--amino-gray-0:#101116;--amino-gray-50:#1e1f26;--amino-gray-100:#2e3038;--amino-gray-200:#40424c;--amino-gray-300:#4d505a;--amino-gray-400:#5c5e68;--amino-gray-500:#6a6d77;--amino-gray-600:#94969e;--amino-gray-700:#acaeb3;--amino-gray-800:#c5c6ca;--amino-gray-900:#d9dadd;--amino-gray-1000:#eaebed;--amino-gray-1100:#f6f6f8;--amino-gray-1200:#ffffff;--amino-blue-100:#1c2154;--amino-blue-200:#252e7e;--amino-blue-300:#2c3baf;--amino-blue-400:#364bd4;--amino-blue-500:#445eee;--amino-blue-600:#5f92f6;--amino-blue-700:#89b2fa;--amino-blue-800:#aacbfc;--amino-blue-900:#c5ddfd;--amino-blue-1000:#deedfe;--amino-cyan-100:#183339;--amino-cyan-200:#245660;--amino-cyan-300:#26707e;--amino-cyan-400:#2c8896;--amino-cyan-500:#37a5b4;--amino-cyan-600:#4ec6d4;--amino-cyan-700:#65e6ef;--amino-cyan-800:#8ff6fa;--amino-cyan-900:#bafdfd;--amino-cyan-1000:#dbfffe;--amino-red-100:#49121f;--amino-red-200:#641627;--amino-red-300:#8c1d33;--amino-red-400:#b4223d;--amino-red-500:#d92141;--amino-red-600:#f95c67;--amino-red-700:#fa8b8b;--amino-red-800:#fcb4b2;--amino-red-900:#fdd3d0;--amino-red-1000:#ffedeb;--amino-orange-100:#441c13;--amino-orange-200:#692c1c;--amino-orange-300:#903a1d;--amino-orange-400:#b6471b;--amino-orange-500:#e5591a;--amino-orange-600:#f88c53;--amino-orange-700:#fca975;--amino-orange-800:#fdc7a0;--amino-orange-900:#fed7b8;--amino-orange-1000:#ffefe0;--amino-green-100:#1c3626;--amino-green-200:#245234;--amino-green-300:#266e3e;--amino-green-400:#298549;--amino-green-500:#2b9c4d;--amino-green-600:#56c76f;--amino-green-700:#7de490;--amino-green-800:#a9f9b5;--amino-green-900:#c8fdce;--amino-green-1000:#e0ffe3;--amino-purple-100:#3b1948;--amino-purple-200:#54206a;--amino-purple-300:#742498;--amino-purple-400:#922bc5;--amino-purple-500:#ab30ee;--amino-purple-600:#bd82f8;--amino-purple-700:#cea9fa;--amino-purple-800:#ddc5fc;--amino-purple-900:#e7d8fd;--amino-purple-1000:#f4eeff;--amino-transparent-white:#101116bb;--amino-transparent-black:#ffffffbb;--amino-transparent-gray-600:#94969e1f;--amino-v3-shadow-base:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 1px 3px rgba(0, 0, 0, 0.9), 0px 1px 2px rgba(0, 0, 0, 0.8);--amino-v3-shadow-medium:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 4px 6px rgba(0, 0, 0, 0.9), 0px 2px 4px rgba(0, 0, 0, 0.8);--amino-v3-shadow-large:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 10px 15px rgba(0, 0, 0, 0.9), 0px 4px 6px rgba(0, 0, 0, 0.8);--amino-v3-shadow-xl:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 20px 25px rgba(0, 0, 0, 0.9), 0px 10px 10px rgba(0, 0, 0, 0.8);--amino-v3-shadow-xxl:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 32px 50px rgba(0, 0, 0, 0.96);--amino-v3-shadow-inset:0px 0px 0px 1px rgba(255, 255, 255, 0.12),\n    0px 0px 6px rgba(255, 255, 255, 0.08), 0px 1px 0px #111114,\n    0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n    inset 0px 2px 4px rgba(0, 0, 0, 0.24),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n    inset 0px 0px 8px rgba(0, 0, 0, 0.16);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 0.5px #000, 0px 1px 3px 0px rgba(95, 146, 246, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset, 0px 0px 0px 0.5px #000,\n    0px 1px 3px 0px rgba(86, 199, 111, 0.6);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1000);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n      var(--amino-transparent-gray-600) inset,\n    var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n    var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-50);--amino-surface-color-secondary:var(--amino-gray-100);--amino-backdrop-color:var(--amino-gray-0);--amino-button-primary-hover:linear-gradient(\n    180deg,\n    #5f92f6 0%,\n    #89b2fa 100%\n  );--amino-button-success-hover:linear-gradient(\n    180deg,\n    #56c76f 0%,\n    #7de490 100%\n  );--amino-button-danger-hover:linear-gradient(\n    180deg,\n    #f95c67 0%,\n    #fa8b8b 100%\n  );--amino-button-warning-hover:linear-gradient(\n    180deg,\n    #f88c53 0%,\n    #fca975 100%\n  );--amino-button-standard-hover:linear-gradient(\n    180deg,\n    #1e1f26 0%,\n    #2e3038 100%\n  );--amino-spinner-track-black:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-black:#ffffff;--amino-spinner-track-white:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-white:#0c0c0c;}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]) .elevated,.zonos--elements[data-theme=DARK] .elevated,.zonos--elements [data-theme=DARK] .elevated{--amino-hover-color:var(--amino-gray-100)}:host .zonos--hello-dialog-footer{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color, var(--amino-surface-color-secondary));border-top:var(--amino-border);padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--hello-dialog-footer a{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--hello-dialog-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:var(--amino-space-4)}}";
+const zonosHelloDialogFooterCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}[data-theme=LIGHT],.zonos--elements{color-scheme:light;--amino-transition:all 0.2s ease-in-out 0s, visibility 0s;--amino-type-scale-base:16px;--amino-glass-0:#10111600;--amino-glass-50:#1011160a;--amino-glass-100:#10111614;--amino-glass-200:#10111626;--amino-glass-300:#1011163d;--amino-glass-400:#10111656;--amino-glass-500:#10111670;--amino-glass-600:#1011169b;--amino-glass-700:#101116ad;--amino-glass-800:#101116bc;--amino-glass-900:#101116c6;--amino-glass-1000:#101116dd;--amino-glass-1100:#101116ef;--amino-glass-1200:#101116f5;--amino-gray-0:#ffffff;--amino-gray-50:#f6f6f8;--amino-gray-100:#ebebf0;--amino-gray-200:#d9dae3;--amino-gray-300:#bfc0ce;--amino-gray-400:#a7a9b9;--amino-gray-500:#888d9f;--amino-gray-600:#676c7e;--amino-gray-700:#575c6b;--amino-gray-800:#484c5b;--amino-gray-900:#383a48;--amino-gray-1000:#2a2c37;--amino-gray-1100:#1a1c23;--amino-gray-1200:#101116;--amino-blue-100:#e7f6fe;--amino-blue-200:#c9e6fd;--amino-blue-300:#a3cbfa;--amino-blue-400:#7fa9f5;--amino-blue-500:#5a80f1;--amino-blue-600:#445eee;--amino-blue-700:#3843c2;--amino-blue-800:#2e3d94;--amino-blue-900:#212f68;--amino-blue-1000:#152141;--amino-cyan-100:#d6fffe;--amino-cyan-200:#c0f2f2;--amino-cyan-300:#9be7e9;--amino-cyan-400:#66d5db;--amino-cyan-500:#3ec4d0;--amino-cyan-600:#2ca0af;--amino-cyan-700:#29818e;--amino-cyan-800:#25646f;--amino-cyan-900:#1d464e;--amino-cyan-1000:#152d32;--amino-red-100:#ffeceb;--amino-red-200:#fdd0ce;--amino-red-300:#faa9a9;--amino-red-400:#f37c82;--amino-red-500:#eb5c6c;--amino-red-600:#de314f;--amino-red-700:#bc2442;--amino-red-800:#922033;--amino-red-900:#6c1b26;--amino-red-1000:#481419;--amino-orange-100:#fff1e0;--amino-orange-200:#fcdab8;--amino-orange-300:#f5c193;--amino-orange-400:#f7a464;--amino-orange-500:#f47a34;--amino-orange-600:#e5591a;--amino-orange-700:#bd3c1c;--amino-orange-800:#94301c;--amino-orange-900:#6b2a1a;--amino-orange-1000:#401d12;--amino-green-100:#defde8;--amino-green-200:#aff8c3;--amino-green-300:#81ef98;--amino-green-400:#57db6c;--amino-green-500:#39c049;--amino-green-600:#2ca03f;--amino-green-700:#288129;--amino-green-800:#246627;--amino-green-900:#1d4920;--amino-green-1000:#153219;--amino-purple-100:#edebff;--amino-purple-200:#dcd2fe;--amino-purple-300:#ceb5fd;--amino-purple-400:#c699fa;--amino-purple-500:#b25cf5;--amino-purple-600:#ab26ed;--amino-purple-700:#901cca;--amino-purple-800:#6e1e99;--amino-purple-900:#471d68;--amino-purple-1000:#2c1844;--amino-transparent-white:#ffffffbb;--amino-transparent-black:#101116bb;--amino-transparent-gray-600:#6a6d771f;--amino-v3-shadow-base:0px 1px 3px 0px rgba(10, 10, 11, 0.1),\n    0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-medium:0px 2px 4px 0px rgba(10, 10, 11, 0.06),\n    0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-large:0px 4px 6px 0px rgba(10, 10, 11, 0.05),\n    0px 10px 15px rgba(10, 10, 11, 0.1),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-xl:0px 10px 10px 0px rgba(12, 12, 13, 0.04),\n    0px 20px 25px rgba(10, 10, 11, 0.1),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--amino-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.04),\n    0px 1px 0px 0px rgba(255, 255, 255, 1),\n    inset 0px 0px 8px rgba(0, 0, 0, 0.02),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),\n    inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);--amino-shadow-button-primary:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(68, 94, 238, 0.4);--amino-shadow-button-success:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(43, 156, 77, 0.4);--amino-shadow-button-danger:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(217, 33, 65, 0.4);--amino-shadow-button-warning:0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(229, 89, 26, 0.4);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-shadow-button-disabled:0px 1px 3px 0px rgba(16, 17, 22, 0.2),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;--amino-shadow-select-base:0px 1px 3px 0px rgba(110, 110, 120, 0.12),\n    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,\n    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;--amino-shadow-select-active:0px 1px 3px 0px rgba(68, 94, 238, 0.4),\n    0px 0px 0px 1px #445eee inset,\n    0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset;--amino-shadow-select-error:0px 1px 3px 0px rgba(221, 49, 78, 0.4),\n    0px 0px 0px 1px #dd314e inset,\n    0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;--amino-opacity-disabled:0.6;--amino-space-negative-80:-5rem;--amino-space-negative-76:-4.75rem;--amino-space-negative-72:-4.5rem;--amino-space-negative-68:-4.25rem;--amino-space-negative-64:-4rem;--amino-space-negative-60:-3.75rem;--amino-space-negative-56:-3.5rem;--amino-space-negative-52:-3.25rem;--amino-space-negative-48:-3rem;--amino-space-negative-44:-2.75rem;--amino-space-negative-40:-2.5rem;--amino-space-negative-36:-2.25rem;--amino-space-negative-32:-2rem;--amino-space-negative-28:-1.75rem;--amino-space-negative-24:-1.5rem;--amino-space-negative-20:-1.25rem;--amino-space-negative-16:-1rem;--amino-space-negative-12:-0.75rem;--amino-space-negative-8:-0.5rem;--amino-space-negative-4:-0.25rem;--amino-space-0:0;--amino-space-4:0.25rem;--amino-space-8:0.5rem;--amino-space-12:0.75rem;--amino-space-16:1rem;--amino-space-20:1.25rem;--amino-space-24:1.5rem;--amino-space-28:1.75rem;--amino-space-32:2rem;--amino-space-36:2.25rem;--amino-space-40:2.5rem;--amino-space-44:2.75rem;--amino-space-48:3rem;--amino-space-52:3.25rem;--amino-space-56:3.5rem;--amino-space-60:3.75rem;--amino-space-64:4rem;--amino-space-68:4.25rem;--amino-space-72:4.5rem;--amino-space-76:4.75rem;--amino-space-80:5rem;--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-border-subtle:1px solid var(--amino-gray-100);--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1200);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n      var(--amino-transparent-gray-600) inset,\n    var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n    var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-0);--amino-surface-color-secondary:var(--amino-gray-50);--amino-backdrop-color:#000000;--amino-raised-surface-color:var(--amino-gray-0);--amino-raised-color-secondary:var(--amino-gray-50);--amino-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--amino-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--amino-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--amino-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--amino-button-standard-hover:linear-gradient(180deg, #fff 0%, #eaebed 100%);--amino-spinner-track-black:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-black:#0c0c0c;--amino-spinner-track-white:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-white:#ffffff;--amino-appbar-height:55px;--amino-sidebar-width:232px;--amino-elevation-0:0;--amino-elevation-100:100;--amino-elevation-200:200;--amino-elevation-300:300;--amino-elevation-400:400;--amino-elevation-500:500;--amino-dialog-elevation:var(--amino-elevation-400);--amino-toast-elevation:var(--amino-elevation-500);--amino-appbar-elevation:var(--amino-elevation-500);--amino-size-xl:56px;--amino-size-lg:48px;--amino-size-md:40px;--amino-size-sm:32px;--amino-radius-4:0.25rem;--amino-radius-6:0.375rem;--amino-radius-8:0.5rem;--amino-radius-10:0.625rem;--amino-radius-12:0.75rem;--amino-font-size-3xl:1.875rem;--amino-font-size-2xl:1.5rem;--amino-font-size-xl:1.25rem;--amino-font-size-l:1.125rem;--amino-font-size-base-docs:1rem;--amino-font-size-base:0.813rem;--amino-font-size-s:0.75rem;--amino-font-size-xs:0.688rem;--amino-line-height-3xl:3rem;--amino-line-height-2xl:2.5rem;--amino-line-height-xl:2rem;--amino-line-height-l:1.5rem;--amino-line-height-base:1.5rem;--amino-line-height-s:1rem;--amino-line-height-xs:0.75rem;--amino-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n    \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n    \"Helvetica Neue\", sans-serif;--amino-font-mono:Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,\n    Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,\n    Courier New, monospace;--amino-font-harmonized-codes:\"Fira Code\", var(--amino-font-sans);--amino-input-background:inherit}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]),.zonos--elements[data-theme=DARK],.zonos--elements [data-theme=DARK]{color-scheme:dark;--amino-glass-0:#ffffff00;--amino-glass-50:#ffffff0a;--amino-glass-100:#ffffff21;--amino-glass-200:#ffffff26;--amino-glass-300:#ffffff44;--amino-glass-400:#ffffff51;--amino-glass-500:#ffffff63;--amino-glass-600:#ffffff8e;--amino-glass-700:#ffffffa8;--amino-glass-800:#ffffffc1;--amino-glass-900:#ffffffd8;--amino-glass-1000:#ffffffea;--amino-glass-1100:#fffffff4;--amino-glass-1200:#fffffffa;--amino-gray-0:#101116;--amino-gray-50:#1a1c23;--amino-gray-100:#2a2c37;--amino-gray-200:#383a48;--amino-gray-300:#484c5b;--amino-gray-400:#575c6b;--amino-gray-500:#676c7e;--amino-gray-600:#888d9f;--amino-gray-700:#a7a9b9;--amino-gray-800:#bfc0ce;--amino-gray-900:#d9dae3;--amino-gray-1000:#ebebf0;--amino-gray-1100:#f6f6f8;--amino-gray-1200:#ffffff;--amino-blue-100:#152141;--amino-blue-200:#212f68;--amino-blue-300:#2e3d94;--amino-blue-400:#3843c2;--amino-blue-500:#445eee;--amino-blue-600:#5a80f1;--amino-blue-700:#7fa9f5;--amino-blue-800:#a8cefa;--amino-blue-900:#c9e6fd;--amino-blue-1000:#e7f6fe;--amino-cyan-100:#152d32;--amino-cyan-200:#1d464e;--amino-cyan-300:#25646f;--amino-cyan-400:#29818e;--amino-cyan-500:#2ca0af;--amino-cyan-600:#3ec4d0;--amino-cyan-700:#66d5db;--amino-cyan-800:#9be7e9;--amino-cyan-900:#c0f2f2;--amino-cyan-1000:#d6fffe;--amino-red-100:#481419;--amino-red-200:#6c1b26;--amino-red-300:#922033;--amino-red-400:#bc2442;--amino-red-500:#de314f;--amino-red-600:#eb5c6c;--amino-red-700:#f37c82;--amino-red-800:#faa9a9;--amino-red-900:#fdd0ce;--amino-red-1000:#ffeceb;--amino-orange-100:#401d12;--amino-orange-200:#6b2a1a;--amino-orange-300:#94301c;--amino-orange-400:#bd3c1c;--amino-orange-500:#e5591a;--amino-orange-600:#f47a34;--amino-orange-700:#f7a464;--amino-orange-800:#f5c193;--amino-orange-900:#fcdab8;--amino-orange-1000:#fff1e0;--amino-green-100:#153219;--amino-green-200:#1d4920;--amino-green-300:#246627;--amino-green-400:#288129;--amino-green-500:#2ca03f;--amino-green-600:#39c049;--amino-green-700:#57db6c;--amino-green-800:#81ef98;--amino-green-900:#aff8c3;--amino-green-1000:#defde8;--amino-purple-100:#2c1844;--amino-purple-200:#471d68;--amino-purple-300:#6e1e99;--amino-purple-400:#901cca;--amino-purple-500:#ab26ed;--amino-purple-600:#b25cf5;--amino-purple-700:#c699fa;--amino-purple-800:#ceb5fd;--amino-purple-900:#dcd2fe;--amino-purple-1000:#edebff;--amino-transparent-white:#101116bb;--amino-transparent-black:#ffffffbb;--amino-transparent-gray-600:#94969e1f;--amino-v3-shadow-base:0px 1px 4px 0px rgba(0, 0, 0, 0.7),\n    0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-medium:0px 2px 4px 0px rgba(0, 0, 0, 0.6),\n    0px 4px 6px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-large:0px 4px 6px 0px rgba(0, 0, 0, 0.6),\n    0px 10px 15px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-xl:0px 10px 10px 0px rgba(0, 0, 0, 0.6),\n    0px 20px 25px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-v3-shadow-inset:0px 2px 4px rgba(0, 0, 0, 0.24),\n    0px 1px 0px rgba(17, 17, 20, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.16),\n    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),\n    inset 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),\n    0px 0px 6px rgba(255, 255, 255, 0.08),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--amino-shadow-button-primary:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(95, 146, 246, 0.4);--amino-shadow-button-success:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(86, 199, 111, 0.6);--amino-shadow-button-danger:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(249, 92, 103, 0.6);--amino-shadow-button-warning:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(248, 140, 83, 0.6);--amino-button-focus-ring:0 0 0 2px var(--amino-blue-600);--amino-shadow-button-standard:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-shadow-button-disabled:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(255, 255, 255, 0);--amino-shadow-select-base:0px 0px 0px 1px #000,\n    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,\n    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.8),\n    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;--amino-shadow-select-active:0px 0px 0px 1px #000,\n    0px -1px 1px 1px rgba(114, 146, 243, 0.24) inset,\n    0px 0px 0px 1px #7292f3 inset, 0px 1px 3px 0px rgba(114, 146, 243, 0.4);--amino-shadow-select-error:0px 0px 0px 1px #000,\n    0px -1px 1px 1px rgba(235, 92, 108, 0.24) inset,\n    0px 0px 0px 1px #eb5c6c inset, 0px 1px 3px 0px rgba(235, 92, 108, 0.6);--amino-border:1px solid var(--amino-border-color);--amino-border-blue:1px solid var(--amino-blue-500);--amino-border-red:1px solid var(--amino-red-400);--amino-border-cyan:1px solid var(--amino-cyan-400);--amino-border-orange:1px solid var(--amino-orange-400);--amino-border-green:1px solid var(--amino-green-400);--amino-border-purple:1px solid var(--amino-purple-400);--amino-border-amber:1px solid var(--amino-amber-400);--amino-border-transparent:1px solid transparent;--amino-border-subtle:1px solid var(--amino-gray-100);--amino-sidebar-color:var(--amino-gray-0);--amino-header-color:var(--amino-gray-0);--amino-danger:var(--amino-red-600);--amino-danger-dark:var(--amino-red-700);--amino-error:var(--amino-red-600);--amino-primary:var(--amino-blue-600);--amino-primary-light:var(--amino-blue-500);--amino-primary-dark:var(--amino-blue-800);--amino-success:var(--amino-green-600);--amino-success-dark:var(--amino-green-700);--amino-warning:var(--amino-orange-600);--amino-warning-dark:var(--amino-orange-600);--amino-glow-error:0 0 0 1px var(--amino-red-600);--amino-glow-blue:0 0 0 1px var(--amino-primary);--amino-glow-cyan:0 0 0 1px var(--amino-cyan-600);--amino-glow-red:0 0 0 1px var(--amino-red-600);--amino-glow-orange:0 0 0 1px var(--amino-orange-600);--amino-glow-green:0 0 0 1px var(--amino-green-600);--amino-glow-purple:0 0 0 1px var(--amino-purple-600);--amino-page-background:var(--amino-gray-0);--amino-border-color:var(--amino-gray-200);--amino-hover-color:var(--amino-gray-50);--amino-text-color:var(--amino-gray-1200);--amino-text-color-secondary:var(--amino-gray-800);--amino-focus-button-standard:0px 0px 0px 1px\n      var(--amino-transparent-gray-600) inset,\n    var(--amino-button-focus-ring);--amino-focus-button:0px 0px 0px 1px var(--amino-gray-0) inset,\n    var(--amino-button-focus-ring);--amino-surface-color:var(--amino-gray-50);--amino-surface-color-secondary:var(--amino-gray-100);--amino-backdrop-color:#000000;--amino-raised-surface-color:#2c2e3899;--amino-raised-color-secondary:var(--amino-gray-0);--amino-button-primary-hover:linear-gradient(\n    180deg,\n    #5a80f1 0%,\n    #7fa9f5 100%\n  );--amino-button-success-hover:linear-gradient(\n    180deg,\n    #39c049 0%,\n    #57db6c 100%\n  );--amino-button-danger-hover:linear-gradient(\n    180deg,\n    #e9495c 0%,\n    #f37c82 100%\n  );--amino-button-warning-hover:linear-gradient(\n    180deg,\n    #f47a34 0%,\n    #f7a464 100%\n  );--amino-button-standard-hover:linear-gradient(180deg, #2c2e3800, #2c2e38e5);--amino-spinner-track-black:rgba(255, 255, 255, 0.3);--amino-spinner-stroke-black:#ffffff;--amino-spinner-track-white:rgba(0, 0, 0, 0.3);--amino-spinner-stroke-white:#0c0c0c;}[data-theme=DARK] .zonos--elements:not([data-theme=LIGHT]) .elevated,.zonos--elements[data-theme=DARK] .elevated,.zonos--elements [data-theme=DARK] .elevated{--amino-hover-color:var(--amino-gray-100)}:host .zonos--hello-dialog-footer{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:var(--primary-color, var(--amino-surface-color-secondary));border-top:var(--amino-border);padding:var(--amino-space-12);-ms-flex-align:center;align-items:center}:host .zonos--hello-dialog-footer a{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--hello-dialog-footer zonos-button button.outline{outline:1px solid var(--amino-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--amino-space-8)}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:var(--amino-space-4)}}";
 const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
 
 const ZonosHelloDialogFooter = class {
@@ -1881,9 +1881,9 @@ const ZonosHelloDialogFooter = class {
         const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
         const footerTheme = primaryColor && isDarkColor.isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
         const language = (_b = ILanguage.languages.find(x => x.code === cart.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
-        return (index.h(index.Host, { key: '57933a1dc8584daeb3f66393ebb98e7cdb1ff5e3', class: "zonos--elements" }, index.h("div", { key: '801626fa9eb4baa7a8e1ef1afda6336bbe085ca1', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
+        return (index.h(index.Host, { key: '6f6371c5650d77a11d8a2f049859446ffb39e78f', class: "zonos--elements" }, index.h("div", { key: '47efc7a11c14ac4fc60472baea2d43f132eb2b07', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
                 '--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
-            } }, index.h("a", { key: '0e03d262f71f5fced451b8b298462b1f070848ad', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'e17d1eac7bc1e5e5bf2c86c384dc5b01725802ef', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), index.h("div", { key: 'd7a065b6bd87b41aae013b0cddf4cb50852664fe', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: '22a0a218fd1627519cde3663face486ba2d5ec41', buttonColor: "gray-1200", icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '6800d57eb7a877e873bb8050f313017c39a516e7', buttonColor: "gray-1200", icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
+            } }, index.h("a", { key: 'a34ae0513d778695aa5cc2051774e0105ec93c4e', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'e3e558d3759a2ccffa44e8b70603ec4860fe219a', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), index.h("div", { key: 'f76d9dff90b3e95db704a43f48abfd12938bdd7c', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'b3430483773438b84a05fc1850c75231f25ecb5c', buttonColor: "gray-1200", icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '351024225e4fb74e321b64fbdfe5b6b471d71077', buttonColor: "gray-1200", icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
     }
 };
 ZonosHelloDialogFooter.style = ZonosHelloDialogFooterStyle0;

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -186,17 +186,17 @@ const ZonosHelloDialog = class {
         const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (index.h(index.Host, { key: '8bf0a772ecb6fccdc2972e972f9f0408ce592218', class: "zonos--elements" }, index.h("div", { key: '88f20fe04677e325017a7ecfdde9912e4e8e22b4', "aria-hidden": "true", class: classes.classes([
+        return (index.h(index.Host, { key: '5457afc57069ca9ee6b31c2d3678965e59e275ed', class: "zonos--elements" }, index.h("div", { key: '4b4e974fce33cf88e7627a9513222453d25fe103', "aria-hidden": "true", class: classes.classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: 'b11f2f53423877831a21b643d2368dccb6fe224c' }, index.h("div", { key: '57ff469e1f2c2531c1954bdf6d2f49fddbe63bcd', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'a418c15bb7aae60382eb31dd97ed8e0666e1fce9', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: '5709d31fd18036086c4ede870204a62fe89d590d', spacing: 24 }, index.h("zonos-country-flag", { key: 'ec590dc403375ff798b1d0d5a4a30bbaa74892f2', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '37d40d7dd95da6d333bd0fdf2f19fe724ffab2b9', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '281df8ec6ab89f5a93ac9f727f90c17b38bfcbb2', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '512245b074199b9e568afabfd9f843227aeb68cf', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '283e04fb0b4009458e93431ef9f9dc12900541a6', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: 'a27fd25bcc42d984b96991fa41c62dc7f2c8fb3c' }, index.h("div", { key: 'a83e94def52065d49155eadce134edc5bdfd9f8a', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'db53cddaf04b1bd860287dcc70c6906bec71d6a3', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'b23609e6727a8b0d7085dc5c96e2034382aae992', spacing: 24 }, index.h("zonos-country-flag", { key: 'd32019b849190e902b923c5bd82b8b293d1d2431', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'c063e4bb526b1b24ec687c80d42ebd9b18d704b6', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'a631361f2d44b1e21e91a1f4ff303da7101cdbef', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'c887a9764256420faa51973733a4ce4b6ba9c87a', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: 'ce5cf5c6edad63ccd06204fd6e28f07619ff92db', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), index.h("zonos-card", { key: 'e0e0d8fb11132dc1f64e3fcf4f0cc2c1bf691f62', spacing: "12px" }, index.h("zonos-v-stack", { key: '0dc4346f8856bd8ba5f248f29bce36ef7966231b', spacing: 12 }, index.h("div", { key: 'ad9354280047ecd4ac32b988de69d77dcbe34216', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'aceb265d47dedefb6311ac216afe87a160f6eb70', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '05ea0760b16a03c9a4ff1e900257823e1c4a8cca' }, dutyDeMinimisMessage)), index.h("div", { key: 'fa3e8189c8d022ed3a2e8aee479d5788c47cef4c', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '674d09a02bdce580ac686b6605f281712fb36642', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: '25e4d23761eed05537c368d57bc0c8124cfc9789' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: '0f21e1127ee976dc54c0143388adb96424df6b48', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '7b728089b819a901335c409e2ab375943c3cf6e1', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: '8c9d174c332811647071cdaf667d073f88c80d11' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: 'fade96ffe3372328d5e40401e5899194bb64537a', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '27d2f1e0221a8fa5c5d065bb06ec3aac34b5b8c2' }, index.h("zonos-country-select", { key: '3e95cbd0b23acbf6a9acc225c22e190628fb36c6', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '308654a87db5adbbd7c776e761aa180bba128a83' }, index.h("zonos-language-select", { key: 'e28f547a6bb066b8d5e6f8cceabc5c14e5c23da1', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { key: '4352b1c30bf2e07a330efebc0f7315bd1ac567a8', spacing: "12px" }, index.h("zonos-v-stack", { key: 'c92966e587ea3fe988cd450b2689e2839784b0fd', spacing: 12 }, index.h("div", { key: 'dc6f702ef1489d007d68b125b82ecd984d5e739c', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'a2ea6fbb7fb36f7e446cd28c7f6e0e57c3af67bf', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '04fecd291baef82d8045ecd128e34dc79d2f7eeb' }, dutyDeMinimisMessage)), index.h("div", { key: '2f312f15d2ed7844e7408a779eaf9f69bfc55866', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '51e4a27c2eba54a60d8516b1824cacb918dd7ecb', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: '24ecaa5087f050f994753420493f139445f93090' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: '2bdc3b49037389fc9058dfab97d02adf6ec09092', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'b7737b651f8df5fe555e8d26d63d3282178b225e', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: 'c9382d99555e02c03a17f58bcc7a1872cc988bd0' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '38010a811c69787c107fac817ae1cfde249454e1', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '564d7cc16fdb4871c5290578eb59f47310a73236' }, index.h("zonos-country-select", { key: '511418bcd30cd97458f90cbe78dbd296137ea925', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '9c215eadf43523a7ee8036a6637bf398c86c6c5c' }, index.h("zonos-language-select", { key: '2856beb0872a37cec0944688e4d72145a16baffb', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

package/dist/cjs/zonos-link.cjs.entry.js

@@ -16,7 +16,7 @@ const ZonosLink = class {
         this.linkTitle = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '555e179675070efaaf8bf0d0ea674fe034b8700c', class: "zonos--elements" }, index.h("a", { key: '0c608a6f572eaabb93021d8618f2b1fd58b10188', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '4fef15b277b11e062d1fc2cf8bc3e564ed5b2a57' }))));
+        return (index.h(index.Host, { key: 'af4c861f0a7f0a86c60c2ba6fe12a37721d50c1b', class: "zonos--elements" }, index.h("a", { key: 'b8fc607e0aa5269f2c3c1ccf51e233b52fac6693', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '98ebca9c8962143426fd1c88d9189b92fc402505' }))));
     }
 };
 ZonosLink.style = ZonosLinkStyle0;

package/dist/cjs/zonos-logo.cjs.entry.js

@@ -19,11 +19,11 @@ const ZonosLogo = class {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (index.h(index.Host, { key: '3d2041632c4ad901d228ce6e267e6b5f9b408dc8', class: classes.classes(['zonos--elements zonos--logo']), style: {
+        return (index.h(index.Host, { key: 'c196e8372ff0f602b135c582a1a4cdf2ba75274d', class: classes.classes(['zonos--elements zonos--logo']), style: {
                 '--filter-color': filterColor,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 '--width': this.width,
-            } }, index.h("img", { key: 'e069b288a647051e1b5a505fb2b5b4a1851780ed', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
+            } }, index.h("img", { key: '668abac552ed1e133f29b0b0aa8f17d158c5441b', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/cjs/zonos-payment.cjs.entry.js

@@ -44,7 +44,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '6bed9a37a91b7e3f0f381fbd1fe79fc7930a1483', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'd5231078e732006bbcd8cde34aa3f3c82bbec5f2', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'e0138c15df81fc7f78f7997e48722c2377298145', class: "zonos--payment-component" })));
+        return (index.h(index.Host, { key: '2ac7d34f60a5e4fc21fed92218e8b467e49bee33', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'a0360edd61bf571645fbc0781a43a94cf02e9acc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '41a1daa79d640eecf197e520145c41cf957fbee1', class: "zonos--payment-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js

@@ -18,9 +18,9 @@ const ZonosSelectDialogHeader = class {
         this.label = '';
     }
     render() {
-        return (index.h(index.Host, { key: 'f5fdbdf6077dc7f928ce27b9a659264451851848', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'c571a648772792abb553c87a9c238e36d2fd63fb', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("zonos-v-stack", { key: '2c702d85c59f05b13e2e390112a883287ea7caa9', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '6d96d65d0bf84c9c3fa393e40793ce614c38d56d', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'faa95bb90a92ea18b357fc85c417fe12ec683abd', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '69cb8bc40f9af380971bf25d9901f8508950d9a6', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: 'abdbb9baa47b4c954b81ea4101b24ababf45ae31' }))));
+            } }, index.h("zonos-v-stack", { key: 'f8d2c7a95bb985e17c7c6fa4fdeb2d6c692dd266', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: 'dd87a6fd7d2f84e907b99a440e62b1260273ae0d', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'a5573f14f446c343bf7d5ed7f1c4564788435513', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '3edfd71ce5da3a2366c856ca739aaea928a836de', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '155ec43e2791f871a4182edff8a6dd2304951f72' }))));
     }
 };
 ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
@@ -34,9 +34,9 @@ const VStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: 'c6bd39c68cd1056b90f5ced0bb21065ea9bd657c', style: {
+        return (index.h(index.Host, { key: '39a71bdb43f87fd7beec0370aa384a94c7603417', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'fa24c9d7aafdee826d51bc9b0537c3ec1df672d3', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'a1f2bde182c1073dfeebe72855af2c729c303fee' }))));
+            } }, index.h("div", { key: '37ef89d4d2aecfebbf6a47f1754ce5f45fcd2566', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'd34be5394fef1bf5e7f37cb6dbd468ae48454df8' }))));
     }
 };
 VStack.style = ZonosVStackStyle0;

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.css

@@ -52,11 +52,19 @@
 :host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper {
   display: flex;
   align-items: center;
+  gap: var(--amino-space-24);
+}
+:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo {
+  display: inline-flex;
   gap: var(--amino-space-8);
+  align-items: center;
 }
-:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a {
+:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a {
   line-height: 0;
 }
+:host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper a {
+  text-decoration: none;
+}
 :host .zonos--checkout-footer zonos-button button.outline {
   outline: 1px solid var(--amino-gray-800);
 }
@@ -122,10 +130,14 @@
 }
 :host(.mobile) .zonos--checkout-footer {
   flex-direction: column;
+  gap: var(--amino-space-4);
 }
 :host(.mobile) .zonos--checkout-locale-wrapper {
   flex-direction: column;
 }
+:host(.mobile) .zonos--checkout-footer-icon-wrapper {
+  flex-direction: column;
+}
 :host(.mobile) .zonos--checkout-footer-dialog {
   position: fixed;
   left: 0;

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js

@@ -36,7 +36,7 @@ export class ZonosCheckoutFooter {
         return (h(Host, { key: 'fae1e5cb1250e834ecf3b09f11785ddea61be3b2', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'f3d48fcc675458dd38ca48e21f24a003b5ff9b56', class: "zonos--checkout-footer" }, h("div", { key: '97daec871630cf2bb33956b668abee2e715eceb5', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'cd6e12e8d1320e3e6542eef16f15ab27921748c3', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'bdc6d9311d2d039e87c261ead45474b7bf1fe992', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, h("zonos-text", { key: '41a7fae5a1a08d22b91341ccfcc0df9daeeb8f82', textColor: colorDesktop, type: "caption" }, "Powered by"), h("a", { key: '394e19392718d2a40a351692fa358f8f86366b46', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '4d8cadbb7c26e8f7888caad2b158d521ab504590', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 }))))));
+            ]) }, h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'e2cf10499ed764fb2e7086761ece106580cd6440', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '0fe6c810a6d7f84a781655cefc47ec6cbb5131c9', textColor: colorDesktop }, "Privacy policy")), h("div", { key: '50401876a45161e80f593971e602e4c449e78dbe', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '0f69d9d9955165de13a49ff00a7044090b141800', textColor: colorDesktop }, "Powered by"), h("a", { key: '680e6fe4d0a783e2ebc55a51ffb55846ad997249', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '22aee1eb21306141e620bcc1b0dbf035bd710fba', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 })))))));
     }
     static get is() { return "zonos-checkout-footer"; }
     static get encapsulation() { return "shadow"; }