@zonos/elements 1.3.16-alpha.0 → 1.3.17

package/dist/components/trackConversionEvent.js

@@ -1,4 +1,4 @@
-import { t as handleFetch, c as cartStore, a as localizationStore } from './stripe.js';
+import { u as handleFetch, c as cartStore, a as localizationStore } from './stripe.js';
 import { z as zonosStore } from './zonosStore.js';
 
 const trackConversionEvent = async (eventName, metadata) => {

package/dist/components/zonos-checkout-finish2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { t as handleFetch, r as stripeStoreReset, c as cartStore, s as stripeStore, u as stripeStoreRetrievePayment } from './stripe.js';
+import { u as handleFetch, r as stripeStoreReset, c as cartStore, s as stripeStore, v as stripeStoreRetrievePayment } from './stripe.js';
 import { a as translate } from './translationStore.js';
 import { z as zonosStore } from './zonosStore.js';
 import { t as trackConversionEvent } from './trackConversionEvent.js';
@@ -60,7 +60,10 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
                 return null;
             }
             // onOrderSuccess callback may be provided on Zonos.init
-            await ((_b = (_a = zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, json));
+            await ((_b = (_a = zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                zonosApiRoute: baseUrl,
+                zonosOrder: json,
+            }));
             return json;
         };
         this.handleSuccessBehavior = (orderId) => {
@@ -188,11 +191,11 @@ const ZonosCheckoutFinish = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (h(Host, { key: 'fffe0cbefd173f892f3a0359ac45a8b97392172e', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '5ff65f7e0c06f41df8aae634bdfc5d6c249066e3', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: 'b0a8c67102f0eb841d114e8cd1cd7e44fe895df4', class: "loading-wrapper" }, h("zonos-spinner", { key: 'e45f13d061cd94f777abfef5f12a8dc9a927c9e1' }))), !this.isLoading && (h(Fragment, null, h("div", { key: '81ca150772d4f6b38563bb46d5c76ebc51f9628c', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'c88feb2cc5956087fc91c5a00edb4e142efbfee0', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '621b100ed02aa5dc37f1da5be90c8f14568a21f3' }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '9fff5bc809f97f8126a8117b2896f984e07fc1be', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
+            } }, this.isLoading && (h("div", { key: '90a55566440c372885ecfd0d4ec1ceaca61d5169', class: "loading-wrapper" }, h("zonos-spinner", { key: '814fcab377f26107b42d431a9bd89cb415ea2aba' }))), !this.isLoading && (h(Fragment, null, h("div", { key: '5f0af17eadfad44a28b7a3cab861630aab10ea46', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'cb98643270b2faf2522437d653251b7a1b520d8c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '24b040b053da852c0e6d9e76532647d7f4ec3d7a' }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '664c02f338ef2020fed645c759cfa70fcd1edb97', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get style() { return ZonosCheckoutFinishStyle0; }

package/dist/components/zonos-checkout.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
-import { a as localizationStore, b as log, d as stripeStoreGetDomesticShippingSession, e as localizationStoreUpdateSelectedCountryCode, f as stripeStoreCleanupDomesticShippingSession, l as logError, g as stripeStoreSaveDomesticShippingSession, i as initStripeElements, c as cartStore, h as cartStoreUpdateItems, j as cartStoreReset, k as cartStoreResetTabItems, s as stripeStore, m as stripeStoreInitCheckoutSession, n as cartStoreUpdateToErrorState, o as stripeStorePrefetchLandedCost, p as cartStoreNextStep, q as stripeStoreConfirmPayment, r as stripeStoreReset } from './stripe.js';
+import { a as localizationStore, b as log, d as stripeStoreGetDomesticShippingSession, e as localizationStoreUpdateSelectedCountryCode, f as stripeStoreCleanupDomesticShippingSession, l as logError, g as stripeStoreSaveDomesticShippingSession, i as initStripeElements, c as cartStore, h as cartStoreUpdateItems, j as cartStoreReset, k as cartStoreResetTabItems, s as stripeStore, m as stripeStoreInitCheckoutSession, n as cartStoreUpdateToErrorState, o as stripeStorePrefetchLandedCost, p as cartStoreNextStep, q as stripeStoreConfirmPayment, r as stripeStoreReset, t as localizationStoreOnUpdate } from './stripe.js';
 import { a as translate } from './translationStore.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore.js';
 import { t as trackConversionEvent } from './trackConversionEvent.js';
@@ -324,6 +324,10 @@ const ZonosCheckout$1 = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout ext
     constructor() {
         super();
         this.__registerHost();
+        /**
+         * Listener for locale change in localization store
+         */
+        this.onChangeLocaleListener = () => { };
         this.applyStripeTheme = async () => {
             var _a, _b, _c, _d;
             const theme = ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) || zonosStore.appearance.theme;
@@ -712,6 +716,11 @@ const ZonosCheckout$1 = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout ext
         this.isMobile = isCheckoutMobile(this.mobile);
         // update theme to browser preference theme if appearance theme is system
         this.handleAppearanceSettingsOverrideChange();
+        // listen to selected locale code change
+        this.onChangeLocaleListener = localizationStoreOnUpdate('selectedLocale', () => {
+            // Update stripe locale when selected country code is changed
+            void this.applyStripeTheme();
+        });
         log(`mobile: ${this.isMobile}`);
     }
     // do clean up when component is unmounted
@@ -720,6 +729,8 @@ const ZonosCheckout$1 = /*@__PURE__*/ proxyCustomElement(class ZonosCheckout ext
         stripeStoreReset();
         // reset cart store
         cartStoreReset();
+        // cleanup onChange listener
+        this.onChangeLocaleListener();
     }
     render() {
         var _a;

package/dist/components/zonos-controller.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { t as handleFetch, l as logError, z as isValidSelector, b as log, s as stripeStore, A as initLocalizationStore, e as localizationStoreUpdateSelectedCountryCode } from './stripe.js';
+import { u as handleFetch, l as logError, A as isValidSelector, b as log, s as stripeStore, B as initLocalizationStore, e as localizationStoreUpdateSelectedCountryCode } from './stripe.js';
 import { z as zonosStore, d as zonosStoreInitSetting, a as zonosStoreFontFamily } from './zonosStore.js';
 import { d as defineCustomElement$3 } from './zonos-notification2.js';
 import { d as defineCustomElement$2 } from './zonos-text2.js';

package/dist/components/zonos-customer-info2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { s as stripeStore, v as stripeStoreTranslateAddressToLatin } from './stripe.js';
+import { s as stripeStore, w as stripeStoreTranslateAddressToLatin } from './stripe.js';
 import { a as translate } from './translationStore.js';
 import { z as zonosStore, g as getZonosStoreTheme } from './zonosStore.js';
 import { t as trackConversionEvent } from './trackConversionEvent.js';

package/dist/components/zonos-hello-dialog-footer2.js

@@ -19,7 +19,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]{color-scheme:light}:root,[data-theme=LIGHT]{--zonos-elements-transition:all 0.2s ease-in-out 0s, visibility 0s;--zonos-elements-type-scale-base:16px;--zonos-elements-glass-0:#10111600;--zonos-elements-glass-50:#1011160a;--zonos-elements-glass-100:#10111614;--zonos-elements-glass-200:#10111626;--zonos-elements-glass-300:#1011163d;--zonos-elements-glass-400:#10111656;--zonos-elements-glass-500:#10111670;--zonos-elements-glass-600:#1011169b;--zonos-elements-glass-700:#101116ad;--zonos-elements-glass-800:#101116bc;--zonos-elements-glass-900:#101116c6;--zonos-elements-glass-1000:#101116dd;--zonos-elements-glass-1100:#101116ef;--zonos-elements-glass-1200:#101116f5;--zonos-elements-gray-0:#ffffff;--zonos-elements-gray-50:#f6f6f8;--zonos-elements-gray-100:#ebebf0;--zonos-elements-gray-200:#d9dae3;--zonos-elements-gray-300:#bfc0ce;--zonos-elements-gray-400:#a7a9b9;--zonos-elements-gray-500:#888d9f;--zonos-elements-gray-600:#676c7e;--zonos-elements-gray-700:#575c6b;--zonos-elements-gray-800:#484c5b;--zonos-elements-gray-900:#383a48;--zonos-elements-gray-1000:#2a2c37;--zonos-elements-gray-1100:#1a1c23;--zonos-elements-gray-1200:#101116;--zonos-elements-blue-100:#e7f6fe;--zonos-elements-blue-200:#c9e6fd;--zonos-elements-blue-300:#a3cbfa;--zonos-elements-blue-400:#7fa9f5;--zonos-elements-blue-500:#5a80f1;--zonos-elements-blue-600:#445eee;--zonos-elements-blue-700:#3843c2;--zonos-elements-blue-800:#2e3d94;--zonos-elements-blue-900:#212f68;--zonos-elements-blue-1000:#152141;--zonos-elements-cyan-100:#d6fffe;--zonos-elements-cyan-200:#c0f2f2;--zonos-elements-cyan-300:#9be7e9;--zonos-elements-cyan-400:#66d5db;--zonos-elements-cyan-500:#3ec4d0;--zonos-elements-cyan-600:#2ca0af;--zonos-elements-cyan-700:#29818e;--zonos-elements-cyan-800:#25646f;--zonos-elements-cyan-900:#1d464e;--zonos-elements-cyan-1000:#152d32;--zonos-elements-red-100:#ffeceb;--zonos-elements-red-200:#fdd0ce;--zonos-elements-red-300:#faa9a9;--zonos-elements-red-400:#f37c82;--zonos-elements-red-500:#eb5c6c;--zonos-elements-red-600:#de314f;--zonos-elements-red-700:#bc2442;--zonos-elements-red-800:#922033;--zonos-elements-red-900:#6c1b26;--zonos-elements-red-1000:#481419;--zonos-elements-orange-100:#fff1e0;--zonos-elements-orange-200:#fcdab8;--zonos-elements-orange-300:#f5c193;--zonos-elements-orange-400:#f7a464;--zonos-elements-orange-500:#f47a34;--zonos-elements-orange-600:#e5591a;--zonos-elements-orange-700:#bd3c1c;--zonos-elements-orange-800:#94301c;--zonos-elements-orange-900:#6b2a1a;--zonos-elements-orange-1000:#401d12;--zonos-elements-green-100:#defde8;--zonos-elements-green-200:#aff8c3;--zonos-elements-green-300:#81ef98;--zonos-elements-green-400:#57db6c;--zonos-elements-green-500:#39c049;--zonos-elements-green-600:#2ca03f;--zonos-elements-green-700:#288129;--zonos-elements-green-800:#246627;--zonos-elements-green-900:#1d4920;--zonos-elements-green-1000:#153219;--zonos-elements-purple-100:#edebff;--zonos-elements-purple-200:#dcd2fe;--zonos-elements-purple-300:#ceb5fd;--zonos-elements-purple-400:#c699fa;--zonos-elements-purple-500:#b25cf5;--zonos-elements-purple-600:#ab26ed;--zonos-elements-purple-700:#901cca;--zonos-elements-purple-800:#6e1e99;--zonos-elements-purple-900:#471d68;--zonos-elements-purple-1000:#2c1844;--zonos-elements-transparent-white:#ffffffbb;--zonos-elements-transparent-black:#101116bb;--zonos-elements-transparent-gray-600:#6a6d771f;--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-shadow-button-standard:0px 1px 3px 0px\n      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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-opacity-disabled:0.6;--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-0);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:var(--zonos-elements-gray-0);--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #fff 0%,\n    #eaebed 100%\n  );--zonos-elements-spinner-track-black:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-black:#0c0c0c;--zonos-elements-spinner-track-white:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-white:#ffffff;--zonos-elements-appbar-height:55px;--zonos-elements-sidebar-width:232px;--zonos-elements-elevation-0:0;--zonos-elements-elevation-100:100;--zonos-elements-elevation-200:200;--zonos-elements-elevation-300:300;--zonos-elements-elevation-400:400;--zonos-elements-elevation-500:500;--zonos-elements-dialog-elevation:var(--zonos-elements-elevation-400);--zonos-elements-toast-elevation:var(--zonos-elements-elevation-500);--zonos-elements-appbar-elevation:var(--zonos-elements-elevation-500);--zonos-elements-size-xl:56px;--zonos-elements-size-lg:48px;--zonos-elements-size-md:40px;--zonos-elements-size-sm:32px;--zonos-elements-radius-4:0.25rem;--zonos-elements-radius-6:0.375rem;--zonos-elements-radius-8:0.5rem;--zonos-elements-radius-10:0.625rem;--zonos-elements-radius-12:0.75rem;--zonos-elements-font-size-3xl:1.875rem;--zonos-elements-font-size-2xl:1.5rem;--zonos-elements-font-size-xl:1.25rem;--zonos-elements-font-size-l:1.125rem;--zonos-elements-font-size-base-docs:1rem;--zonos-elements-font-size-base:0.813rem;--zonos-elements-font-size-s:0.75rem;--zonos-elements-font-size-xs:0.688rem;--zonos-elements-line-height-3xl:3rem;--zonos-elements-line-height-2xl:2.5rem;--zonos-elements-line-height-xl:2rem;--zonos-elements-line-height-l:1.5rem;--zonos-elements-line-height-base:1.5rem;--zonos-elements-line-height-s:1rem;--zonos-elements-line-height-xs:0.75rem;--zonos-elements-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont,\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;--zonos-elements-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;--zonos-elements-font-harmonized-codes:\"Fira Code\",\n    var(--zonos-elements-font-sans);--zonos-elements-input-background:inherit}[data-theme=DARK]{color-scheme:dark;--zonos-elements-glass-0:#ffffff00;--zonos-elements-glass-50:#ffffff0a;--zonos-elements-glass-100:#ffffff21;--zonos-elements-glass-200:#ffffff26;--zonos-elements-glass-300:#ffffff44;--zonos-elements-glass-400:#ffffff51;--zonos-elements-glass-500:#ffffff63;--zonos-elements-glass-600:#ffffff8e;--zonos-elements-glass-700:#ffffffa8;--zonos-elements-glass-800:#ffffffc1;--zonos-elements-glass-900:#ffffffd8;--zonos-elements-glass-1000:#ffffffea;--zonos-elements-glass-1100:#fffffff4;--zonos-elements-glass-1200:#fffffffa;--zonos-elements-gray-0:#101116;--zonos-elements-gray-50:#1a1c23;--zonos-elements-gray-100:#2a2c37;--zonos-elements-gray-200:#383a48;--zonos-elements-gray-300:#484c5b;--zonos-elements-gray-400:#575c6b;--zonos-elements-gray-500:#676c7e;--zonos-elements-gray-600:#888d9f;--zonos-elements-gray-700:#a7a9b9;--zonos-elements-gray-800:#bfc0ce;--zonos-elements-gray-900:#d9dae3;--zonos-elements-gray-1000:#ebebf0;--zonos-elements-gray-1100:#f6f6f8;--zonos-elements-gray-1200:#ffffff;--zonos-elements-blue-100:#152141;--zonos-elements-blue-200:#212f68;--zonos-elements-blue-300:#2e3d94;--zonos-elements-blue-400:#3843c2;--zonos-elements-blue-500:#445eee;--zonos-elements-blue-600:#5a80f1;--zonos-elements-blue-700:#7fa9f5;--zonos-elements-blue-800:#a8cefa;--zonos-elements-blue-900:#c9e6fd;--zonos-elements-blue-1000:#e7f6fe;--zonos-elements-cyan-100:#152d32;--zonos-elements-cyan-200:#1d464e;--zonos-elements-cyan-300:#25646f;--zonos-elements-cyan-400:#29818e;--zonos-elements-cyan-500:#2ca0af;--zonos-elements-cyan-600:#3ec4d0;--zonos-elements-cyan-700:#66d5db;--zonos-elements-cyan-800:#9be7e9;--zonos-elements-cyan-900:#c0f2f2;--zonos-elements-cyan-1000:#d6fffe;--zonos-elements-red-100:#481419;--zonos-elements-red-200:#6c1b26;--zonos-elements-red-300:#922033;--zonos-elements-red-400:#bc2442;--zonos-elements-red-500:#de314f;--zonos-elements-red-600:#eb5c6c;--zonos-elements-red-700:#f37c82;--zonos-elements-red-800:#faa9a9;--zonos-elements-red-900:#fdd0ce;--zonos-elements-red-1000:#ffeceb;--zonos-elements-orange-100:#401d12;--zonos-elements-orange-200:#6b2a1a;--zonos-elements-orange-300:#94301c;--zonos-elements-orange-400:#bd3c1c;--zonos-elements-orange-500:#e5591a;--zonos-elements-orange-600:#f47a34;--zonos-elements-orange-700:#f7a464;--zonos-elements-orange-800:#f5c193;--zonos-elements-orange-900:#fcdab8;--zonos-elements-orange-1000:#fff1e0;--zonos-elements-green-100:#153219;--zonos-elements-green-200:#1d4920;--zonos-elements-green-300:#246627;--zonos-elements-green-400:#288129;--zonos-elements-green-500:#2ca03f;--zonos-elements-green-600:#39c049;--zonos-elements-green-700:#57db6c;--zonos-elements-green-800:#81ef98;--zonos-elements-green-900:#aff8c3;--zonos-elements-green-1000:#defde8;--zonos-elements-purple-100:#2c1844;--zonos-elements-purple-200:#471d68;--zonos-elements-purple-300:#6e1e99;--zonos-elements-purple-400:#901cca;--zonos-elements-purple-500:#ab26ed;--zonos-elements-purple-600:#b25cf5;--zonos-elements-purple-700:#c699fa;--zonos-elements-purple-800:#ceb5fd;--zonos-elements-purple-900:#dcd2fe;--zonos-elements-purple-1000:#edebff;--zonos-elements-transparent-white:#101116bb;--zonos-elements-transparent-black:#ffffffbb;--zonos-elements-transparent-gray-600:#94969e1f;--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-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;--zonos-elements-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);--zonos-elements-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;--zonos-elements-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);--zonos-elements-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);--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-50);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-100);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:#2c2e3899;--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-0);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #5a80f1 0%,\n    #7fa9f5 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #39c049 0%,\n    #57db6c 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #e9495c 0%,\n    #f37c82 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #f47a34 0%,\n    #f7a464 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #2c2e3800,\n    #2c2e38e5\n  );--zonos-elements-spinner-track-black:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-black:#ffffff;--zonos-elements-spinner-track-white:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-white:#0c0c0c}: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(--zonos-elements-surface-color-secondary));border-top:var(--zonos-elements-border);padding:12px;-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(--zonos-elements-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:4px}}";
+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]{color-scheme:light}:root,[data-theme=LIGHT]{--zonos-elements-transition:all 0.2s ease-in-out 0s, visibility 0s;--zonos-elements-type-scale-base:16px;--zonos-elements-glass-0:#10111600;--zonos-elements-glass-50:#1011160a;--zonos-elements-glass-100:#10111614;--zonos-elements-glass-200:#10111626;--zonos-elements-glass-300:#1011163d;--zonos-elements-glass-400:#10111656;--zonos-elements-glass-500:#10111670;--zonos-elements-glass-600:#1011169b;--zonos-elements-glass-700:#101116ad;--zonos-elements-glass-800:#101116bc;--zonos-elements-glass-900:#101116c6;--zonos-elements-glass-1000:#101116dd;--zonos-elements-glass-1100:#101116ef;--zonos-elements-glass-1200:#101116f5;--zonos-elements-gray-0:#ffffff;--zonos-elements-gray-50:#f6f6f8;--zonos-elements-gray-100:#ebebf0;--zonos-elements-gray-200:#d9dae3;--zonos-elements-gray-300:#bfc0ce;--zonos-elements-gray-400:#a7a9b9;--zonos-elements-gray-500:#888d9f;--zonos-elements-gray-600:#676c7e;--zonos-elements-gray-700:#575c6b;--zonos-elements-gray-800:#484c5b;--zonos-elements-gray-900:#383a48;--zonos-elements-gray-1000:#2a2c37;--zonos-elements-gray-1100:#1a1c23;--zonos-elements-gray-1200:#101116;--zonos-elements-blue-100:#e7f6fe;--zonos-elements-blue-200:#c9e6fd;--zonos-elements-blue-300:#a3cbfa;--zonos-elements-blue-400:#7fa9f5;--zonos-elements-blue-500:#5a80f1;--zonos-elements-blue-600:#445eee;--zonos-elements-blue-700:#3843c2;--zonos-elements-blue-800:#2e3d94;--zonos-elements-blue-900:#212f68;--zonos-elements-blue-1000:#152141;--zonos-elements-cyan-100:#d6fffe;--zonos-elements-cyan-200:#c0f2f2;--zonos-elements-cyan-300:#9be7e9;--zonos-elements-cyan-400:#66d5db;--zonos-elements-cyan-500:#3ec4d0;--zonos-elements-cyan-600:#2ca0af;--zonos-elements-cyan-700:#29818e;--zonos-elements-cyan-800:#25646f;--zonos-elements-cyan-900:#1d464e;--zonos-elements-cyan-1000:#152d32;--zonos-elements-red-100:#ffeceb;--zonos-elements-red-200:#fdd0ce;--zonos-elements-red-300:#faa9a9;--zonos-elements-red-400:#f37c82;--zonos-elements-red-500:#eb5c6c;--zonos-elements-red-600:#de314f;--zonos-elements-red-700:#bc2442;--zonos-elements-red-800:#922033;--zonos-elements-red-900:#6c1b26;--zonos-elements-red-1000:#481419;--zonos-elements-orange-100:#fff1e0;--zonos-elements-orange-200:#fcdab8;--zonos-elements-orange-300:#f5c193;--zonos-elements-orange-400:#f7a464;--zonos-elements-orange-500:#f47a34;--zonos-elements-orange-600:#e5591a;--zonos-elements-orange-700:#bd3c1c;--zonos-elements-orange-800:#94301c;--zonos-elements-orange-900:#6b2a1a;--zonos-elements-orange-1000:#401d12;--zonos-elements-green-100:#defde8;--zonos-elements-green-200:#aff8c3;--zonos-elements-green-300:#81ef98;--zonos-elements-green-400:#57db6c;--zonos-elements-green-500:#39c049;--zonos-elements-green-600:#2ca03f;--zonos-elements-green-700:#288129;--zonos-elements-green-800:#246627;--zonos-elements-green-900:#1d4920;--zonos-elements-green-1000:#153219;--zonos-elements-purple-100:#edebff;--zonos-elements-purple-200:#dcd2fe;--zonos-elements-purple-300:#ceb5fd;--zonos-elements-purple-400:#c699fa;--zonos-elements-purple-500:#b25cf5;--zonos-elements-purple-600:#ab26ed;--zonos-elements-purple-700:#901cca;--zonos-elements-purple-800:#6e1e99;--zonos-elements-purple-900:#471d68;--zonos-elements-purple-1000:#2c1844;--zonos-elements-transparent-white:#ffffffbb;--zonos-elements-transparent-black:#101116bb;--zonos-elements-transparent-gray-600:#6a6d771f;--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-shadow-button-standard:0px 1px 3px 0px\n      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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-opacity-disabled:0.6;--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-0);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:var(--zonos-elements-gray-0);--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #fff 0%,\n    #eaebed 100%\n  );--zonos-elements-spinner-track-black:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-black:#0c0c0c;--zonos-elements-spinner-track-white:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-white:#ffffff;--zonos-elements-appbar-height:55px;--zonos-elements-sidebar-width:232px;--zonos-elements-elevation-0:0;--zonos-elements-elevation-100:100;--zonos-elements-elevation-200:200;--zonos-elements-elevation-300:300;--zonos-elements-elevation-400:400;--zonos-elements-elevation-500:500;--zonos-elements-dialog-elevation:var(--zonos-elements-elevation-400);--zonos-elements-toast-elevation:var(--zonos-elements-elevation-500);--zonos-elements-appbar-elevation:var(--zonos-elements-elevation-500);--zonos-elements-size-xl:56px;--zonos-elements-size-lg:48px;--zonos-elements-size-md:40px;--zonos-elements-size-sm:32px;--zonos-elements-radius-4:4px;--zonos-elements-radius-6:6px;--zonos-elements-radius-8:8px;--zonos-elements-radius-10:10px;--zonos-elements-radius-12:12px;--zonos-elements-font-size-3xl:30px;--zonos-elements-font-size-2xl:24px;--zonos-elements-font-size-xl:20px;--zonos-elements-font-size-l:18px;--zonos-elements-font-size-base-docs:16px;--zonos-elements-font-size-base:13px;--zonos-elements-font-size-s:12px;--zonos-elements-font-size-xs:11px;--zonos-elements-line-height-3xl:48px;--zonos-elements-line-height-2xl:40px;--zonos-elements-line-height-xl:32px;--zonos-elements-line-height-l:24px;--zonos-elements-line-height-base:24px;--zonos-elements-line-height-s:16px;--zonos-elements-line-height-xs:12px;--zonos-elements-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont,\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;--zonos-elements-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;--zonos-elements-font-harmonized-codes:\"Fira Code\",\n    var(--zonos-elements-font-sans);--zonos-elements-input-background:inherit}[data-theme=DARK]{color-scheme:dark;--zonos-elements-glass-0:#ffffff00;--zonos-elements-glass-50:#ffffff0a;--zonos-elements-glass-100:#ffffff21;--zonos-elements-glass-200:#ffffff26;--zonos-elements-glass-300:#ffffff44;--zonos-elements-glass-400:#ffffff51;--zonos-elements-glass-500:#ffffff63;--zonos-elements-glass-600:#ffffff8e;--zonos-elements-glass-700:#ffffffa8;--zonos-elements-glass-800:#ffffffc1;--zonos-elements-glass-900:#ffffffd8;--zonos-elements-glass-1000:#ffffffea;--zonos-elements-glass-1100:#fffffff4;--zonos-elements-glass-1200:#fffffffa;--zonos-elements-gray-0:#101116;--zonos-elements-gray-50:#1a1c23;--zonos-elements-gray-100:#2a2c37;--zonos-elements-gray-200:#383a48;--zonos-elements-gray-300:#484c5b;--zonos-elements-gray-400:#575c6b;--zonos-elements-gray-500:#676c7e;--zonos-elements-gray-600:#888d9f;--zonos-elements-gray-700:#a7a9b9;--zonos-elements-gray-800:#bfc0ce;--zonos-elements-gray-900:#d9dae3;--zonos-elements-gray-1000:#ebebf0;--zonos-elements-gray-1100:#f6f6f8;--zonos-elements-gray-1200:#ffffff;--zonos-elements-blue-100:#152141;--zonos-elements-blue-200:#212f68;--zonos-elements-blue-300:#2e3d94;--zonos-elements-blue-400:#3843c2;--zonos-elements-blue-500:#445eee;--zonos-elements-blue-600:#5a80f1;--zonos-elements-blue-700:#7fa9f5;--zonos-elements-blue-800:#a8cefa;--zonos-elements-blue-900:#c9e6fd;--zonos-elements-blue-1000:#e7f6fe;--zonos-elements-cyan-100:#152d32;--zonos-elements-cyan-200:#1d464e;--zonos-elements-cyan-300:#25646f;--zonos-elements-cyan-400:#29818e;--zonos-elements-cyan-500:#2ca0af;--zonos-elements-cyan-600:#3ec4d0;--zonos-elements-cyan-700:#66d5db;--zonos-elements-cyan-800:#9be7e9;--zonos-elements-cyan-900:#c0f2f2;--zonos-elements-cyan-1000:#d6fffe;--zonos-elements-red-100:#481419;--zonos-elements-red-200:#6c1b26;--zonos-elements-red-300:#922033;--zonos-elements-red-400:#bc2442;--zonos-elements-red-500:#de314f;--zonos-elements-red-600:#eb5c6c;--zonos-elements-red-700:#f37c82;--zonos-elements-red-800:#faa9a9;--zonos-elements-red-900:#fdd0ce;--zonos-elements-red-1000:#ffeceb;--zonos-elements-orange-100:#401d12;--zonos-elements-orange-200:#6b2a1a;--zonos-elements-orange-300:#94301c;--zonos-elements-orange-400:#bd3c1c;--zonos-elements-orange-500:#e5591a;--zonos-elements-orange-600:#f47a34;--zonos-elements-orange-700:#f7a464;--zonos-elements-orange-800:#f5c193;--zonos-elements-orange-900:#fcdab8;--zonos-elements-orange-1000:#fff1e0;--zonos-elements-green-100:#153219;--zonos-elements-green-200:#1d4920;--zonos-elements-green-300:#246627;--zonos-elements-green-400:#288129;--zonos-elements-green-500:#2ca03f;--zonos-elements-green-600:#39c049;--zonos-elements-green-700:#57db6c;--zonos-elements-green-800:#81ef98;--zonos-elements-green-900:#aff8c3;--zonos-elements-green-1000:#defde8;--zonos-elements-purple-100:#2c1844;--zonos-elements-purple-200:#471d68;--zonos-elements-purple-300:#6e1e99;--zonos-elements-purple-400:#901cca;--zonos-elements-purple-500:#ab26ed;--zonos-elements-purple-600:#b25cf5;--zonos-elements-purple-700:#c699fa;--zonos-elements-purple-800:#ceb5fd;--zonos-elements-purple-900:#dcd2fe;--zonos-elements-purple-1000:#edebff;--zonos-elements-transparent-white:#101116bb;--zonos-elements-transparent-black:#ffffffbb;--zonos-elements-transparent-gray-600:#94969e1f;--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-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;--zonos-elements-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);--zonos-elements-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;--zonos-elements-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);--zonos-elements-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);--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-50);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-100);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:#2c2e3899;--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-0);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #5a80f1 0%,\n    #7fa9f5 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #39c049 0%,\n    #57db6c 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #e9495c 0%,\n    #f37c82 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #f47a34 0%,\n    #f7a464 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #2c2e3800,\n    #2c2e38e5\n  );--zonos-elements-spinner-track-black:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-black:#ffffff;--zonos-elements-spinner-track-white:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-white:#0c0c0c}: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(--zonos-elements-surface-color-secondary));border-top:var(--zonos-elements-border);padding:12px;-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(--zonos-elements-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:4px}}";
 const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
 
 const ZonosHelloDialogFooter = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialogFooter extends HTMLElement {

package/dist/components/zonos-hello-dialog2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { G as currencyFormat, a as localizationStore } from './stripe.js';
+import { H as currencyFormat, a as localizationStore } from './stripe.js';
 import { a as translate } from './translationStore.js';
 import { z as zonosStore } from './zonosStore.js';
 import { c as classes } from './classes.js';
@@ -94,13 +94,9 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialog
             const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
                 ? currencyFormat(countryLandedCost.dutyDeminimus)
                 : null;
-            // If Canada, use 40 CAD (courier duty de minimis)
-            const dutyDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
-                ? currencyFormat(40)
-                : dutyDeminimis;
             // If deminimis is undefined or null, assume it's $0
-            return dutyDeminimisToUse
-                ? `${translate('Spend')} ${dutyDeminimisToUse} ${translate('duty free')}`
+            return dutyDeminimis
+                ? `${translate('Spend')} ${dutyDeminimis} ${translate('duty free')}`
                 : translate('Duties will apply to all orders');
         };
         this.getTaxMessage = () => {
@@ -109,12 +105,8 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialog
             const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
                 ? currencyFormat(countryLandedCost.vatTaxDeminimus)
                 : null;
-            // If Canada, use 150 CAD (courier tax de minimis)
-            const taxDeminimisToUse = localizationStore.selectedCountryCode === 'CA'
-                ? currencyFormat(150)
-                : taxDeminimis;
-            return taxDeminimisToUse
-                ? `${translate('Spend')} ${taxDeminimisToUse} ${translate('tax free')}`
+            return taxDeminimis
+                ? `${translate('Spend')} ${taxDeminimis} ${translate('tax free')}`
                 : translate('Taxes will apply to all orders');
         };
         this.getUkDutyTaxMessage = (landedCost) => {
@@ -201,17 +193,17 @@ const ZonosHelloDialog = /*@__PURE__*/ proxyCustomElement(class ZonosHelloDialog
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '7e8de73755369d6e94a502ad580f051fa6c8da6d', class: "zonos--elements" }, h("div", { key: '1680bee2115bd6b9c21cf7288aac99343a106fc6', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: 'e54181bd2c3eb1c77d5dad36c5426f4e9ddee766', class: "zonos--elements" }, h("div", { key: '3960f91898ed2409018cbac487491f38ab0b0c5e', "aria-hidden": "true", class: 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 && (h("div", { key: '878dfde3a7df3cb257a3344a7d45b5d09f06abdd' }, h("div", { key: '167f9ad860c1d8acf36bde0ebf718d3e7e37a1e5', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '5aa8eeb4b01fb2282b881377ba4bf11cd7caa623', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: 'aee8f07760b9f68abd57476683cf2b450a20e09e', spacing: 24 }, h("zonos-country-flag", { key: 'd71c48fb777ef4a7e15d419e4902ba1b0f4ca212', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'a00c00aaf92c76c1e7e207fb301c3e5002a83407', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '77c763fa74510d3a182a4f6f1b4f48eab6498573', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '3d3a634aee3b4277460de8f977a901ae29f5baac', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '85237fae85ab07206bcdfff86de4cfae928fb730', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '69c9b9ebe1cdde7a43773eeabfa07e9bb842df14' }, h("div", { key: 'fcad53ed6962a775ec1cb325636db397f34f62b2', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '018c3ce79334f35d6f7c04143b2a1f14c068405f', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '38e19b5e803f0fcd89adf54e95f40549c93ea511', spacing: 24 }, h("zonos-country-flag", { key: '01ea29a0de53d00c9eb49e29fb8680da92656db4', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '7a1dd895a58fdf4e008164828e6ee7bae96723ab', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'a1c334ba3f4e7a15de6f14d17440faae44a26498', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'dad722c938d002eaa223ef847c86bafbe1815bdc', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '1b1d7d1e3ee671fecba8ec2731ffb0f4356af1e7', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), h("zonos-card", { key: '7538d03f14fe518406f2a16afff5e08460fbbc37', spacing: "12px" }, h("zonos-v-stack", { key: 'e8e7d5dd2765b70b38e22028a0cd084a826bafbd', spacing: 12 }, h("div", { key: '0822cd8d0023b2dbf2f99e957d0cd7c0ddab5d30', class: "zonos--flex-message" }, h("zonos-icon", { key: '098699a08612c6bccd07a32597f4cb69b111ddbd', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '28e26206a7a4eb7604030f3612265e0b623f17a5' }, dutyDeMinimisMessage)), h("div", { key: '2128d439fa2bdf1304979b8f4a1c4e438d11cced', class: "zonos--flex-message" }, h("zonos-icon", { key: 'd1fa307f787d7f8f36b31e13208761fd841603fe', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: 'b29a178d243d8b0300adef157a03e8f80e8d6590' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: '2c764bc1c8eb74f6ea036c6bab4ac7ba12753531', class: "zonos--flex-message" }, h("zonos-icon", { key: '91277f65b642b8e79a04839f7fbf3f1886d3585b', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: 'cabce597179bdf0a92334e0e72297661c9d6cd67' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6582cdaa19e7252b4c6401c1a69bd9df7b690b3c', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'f10d4c707e32dd77888292cbfec2bf4fe71f4467' }, h("zonos-country-select", { key: '5f09ef49c781096248104eb77845b783aa3d6d56', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '8985543a50da7be63ddfbf40a01e5a6af3e9d7b9' }, h("zonos-language-select", { key: '9b2197ea5b765a5d15a02522a14e959100254669', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: '0bef1474f44e1a60c48845562f455bfb214bcc80', spacing: "12px" }, h("zonos-v-stack", { key: '5d65f0de1641b30119463da8b42622805fef4f9b', spacing: 12 }, h("div", { key: 'f752d5a9738490220fd4c98615bc7416d38cc2d1', class: "zonos--flex-message" }, h("zonos-icon", { key: '7a9ac42800b0d35a18cc13bd611d79acd20244cf', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '3d31748fcd4c718326ff62ea2e97088d8ab1ed3e' }, dutyDeMinimisMessage)), h("div", { key: '699d72e9efc630452bf947be8f0e44ca09819cfe', class: "zonos--flex-message" }, h("zonos-icon", { key: 'e997263930e53e22c3a4e8dd5f20e1ee3cd695e4', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: 'e1c2a5ee2718a5446a63c2b8d547848e262817f0' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: '8522ab846d9733fb8ffd3b9873e8b9650aa63b58', class: "zonos--flex-message" }, h("zonos-icon", { key: '20cb281304b9839fe7f30685949af2aa3af9721d', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: '9347d34c8fbfd9bf04ba2b6d79186263b524c2a8' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: 'a6980cae6e361ae1f5b00ec4827127422adee301', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'be7793fb262c395ae96fa6acfe0c14fbf062b1c9' }, h("zonos-country-select", { key: '2224aade7391512826b4b9c46bd826f013945f83', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '006ac0317c9a7911c1e48f7c30f66b3e8882f6d6' }, h("zonos-language-select", { key: '1577f733b5556e7683b6c74dc111e99c77ba0649', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

package/dist/components/zonos-hello.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore.js';
-import { t as handleFetch, l as logError, a as localizationStore, z as isValidSelector, B as getZCountryUrlParam, C as setZCountryUrlParam, b as log, D as currencyDisplay, E as currencyConvertAndFormat, F as currencyConvert, G as currencyFormat } from './stripe.js';
+import { u as handleFetch, l as logError, a as localizationStore, A as isValidSelector, C as getZCountryUrlParam, D as setZCountryUrlParam, b as log, E as currencyDisplay, F as currencyConvertAndFormat, G as currencyConvert, H as currencyFormat } from './stripe.js';
 import { a as translate } from './translationStore.js';
 import { c as classes } from './classes.js';
 import { g as getHasMoreSpaceOnRight, d as defineCustomElement$9 } from './zonos-hello-dialog2.js';

package/dist/components/zonos-language-select2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { w as localizationStoreUpdateSelectedLocale, a as localizationStore } from './stripe.js';
+import { x as localizationStoreUpdateSelectedLocale, a as localizationStore } from './stripe.js';
 import { a as translate } from './translationStore.js';
 import { a as zonosStoreFontFamily } from './zonosStore.js';
 import { l as languages } from './ILanguage.js';

package/dist/components/zonos-shipping2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as cartStore, x as cartStoreUpdateSelectedShippingOption, y as cartStoreGetShippingTransitInfo } from './stripe.js';
+import { c as cartStore, y as cartStoreUpdateSelectedShippingOption, z as cartStoreGetShippingTransitInfo } from './stripe.js';
 import { a as translate } from './translationStore.js';
 import { t as trackConversionEvent } from './trackConversionEvent.js';
 import { f as formatCurrency } from './formatCurrency.js';

package/dist/esm/{cart-462e89a6.js → cart-02f5c2ea.js}

@@ -5579,7 +5579,7 @@ const setZCountryUrlParam = (selectedCountryCode) => {
     window.history.replaceState({}, '', newUrl);
 };
 
-const { state: localizationStore } = createStore({
+const { onChange: localizationStoreOnUpdate, state: localizationStore } = createStore({
     countryLandedCost: null,
     customMessages: [],
     exchangeRate: null,
@@ -6746,4 +6746,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { currencyConvertAndFormat as A, currencyConvert as B, currencyFormat as C, stripeStoreRetrievePayment as D, stripeStoreTranslateAddressToLatin as E, cartStoreUpdateSelectedShippingOption as F, cartStoreGetShippingTransitInfo as G, localizationStoreUpdateSelectedLocale as H, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, cartStoreResetTabItems as j, stripeStore as k, localizationStore as l, stripeStoreInitCheckoutSession as m, cartStoreUpdateToErrorState as n, stripeStorePrefetchLandedCost as o, cartStoreNextStep as p, stripeStoreConfirmPayment as q, stripeStoreReset as r, stripeStoreGetDomesticShippingSession as s, translate as t, handleFetch as u, isValidSelector as v, initLocalizationStore as w, getZCountryUrlParam as x, setZCountryUrlParam as y, currencyDisplay as z };
+export { currencyDisplay as A, currencyConvertAndFormat as B, currencyConvert as C, currencyFormat as D, stripeStoreRetrievePayment as E, stripeStoreTranslateAddressToLatin as F, cartStoreUpdateSelectedShippingOption as G, cartStoreGetShippingTransitInfo as H, localizationStoreUpdateSelectedLocale as I, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, cartStoreResetTabItems as j, stripeStore as k, localizationStore as l, stripeStoreInitCheckoutSession as m, cartStoreUpdateToErrorState as n, stripeStorePrefetchLandedCost as o, cartStoreNextStep as p, stripeStoreConfirmPayment as q, stripeStoreReset as r, stripeStoreGetDomesticShippingSession as s, translate as t, localizationStoreOnUpdate as u, handleFetch as v, isValidSelector as w, initLocalizationStore as x, getZCountryUrlParam as y, setZCountryUrlParam as z };

package/dist/esm/{submitGtag-ac7c3c89.js → submitGtag-ba38e1ac.js}

@@ -1,4 +1,4 @@
-import { u as handleFetch, f as cartStore, l as localizationStore, a as log } from './cart-462e89a6.js';
+import { v as handleFetch, f as cartStore, l as localizationStore, a as log } from './cart-02f5c2ea.js';
 import { z as zonosStore } from './zonosStore-33ff08ff.js';
 
 const trackConversionEvent = async (eventName, metadata) => {

package/dist/esm/zonos-address_8.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-e063389c.js';
-import { k as stripeStore, d as logError, l as localizationStore, t as translate } from './cart-462e89a6.js';
+import { k as stripeStore, d as logError, l as localizationStore, t as translate } from './cart-02f5c2ea.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-33ff08ff.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-e063389c.js';
 import { d as zonosStoreFontFamily } from './zonosStore-33ff08ff.js';
 import { c as classes } from './classes-0d95c529.js';
-import { H as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-462e89a6.js';
+import { I as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-02f5c2ea.js';
 import { l as languages } from './ILanguage-97790bee.js';
 import './isDarkColor-7f62035a.js';
 import './getBorderRadius-567f1786.js';

package/dist/esm/zonos-cart-items_9.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-e063389c.js';
-import { f as cartStore, t as translate, u as handleFetch, r as stripeStoreReset, k as stripeStore, D as stripeStoreRetrievePayment, l as localizationStore, E as stripeStoreTranslateAddressToLatin, F as cartStoreUpdateSelectedShippingOption, G as cartStoreGetShippingTransitInfo } from './cart-462e89a6.js';
+import { f as cartStore, t as translate, v as handleFetch, r as stripeStoreReset, k as stripeStore, E as stripeStoreRetrievePayment, l as localizationStore, F as stripeStoreTranslateAddressToLatin, G as cartStoreUpdateSelectedShippingOption, H as cartStoreGetShippingTransitInfo } from './cart-02f5c2ea.js';
 import { z as zonosStore, g as getZonosStoreTheme } from './zonosStore-33ff08ff.js';
-import { t as trackConversionEvent, s as sendErrorLog, a as submitGtag, c as createCustomEvent } from './submitGtag-ac7c3c89.js';
+import { t as trackConversionEvent, s as sendErrorLog, a as submitGtag, c as createCustomEvent } from './submitGtag-ba38e1ac.js';
 import { g as getBorderRadius } from './getBorderRadius-567f1786.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
@@ -111,7 +111,10 @@ const ZonosCheckoutFinish = class {
                 return null;
             }
             // onOrderSuccess callback may be provided on Zonos.init
-            await ((_b = (_a = zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, json));
+            await ((_b = (_a = zonosStore.checkoutSettings).onOrderSuccess) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                zonosApiRoute: baseUrl,
+                zonosOrder: json,
+            }));
             return json;
         };
         this.handleSuccessBehavior = (orderId) => {
@@ -239,11 +242,11 @@ const ZonosCheckoutFinish = class {
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (h(Host, { key: 'fffe0cbefd173f892f3a0359ac45a8b97392172e', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '5ff65f7e0c06f41df8aae634bdfc5d6c249066e3', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: 'b0a8c67102f0eb841d114e8cd1cd7e44fe895df4', class: "loading-wrapper" }, h("zonos-spinner", { key: 'e45f13d061cd94f777abfef5f12a8dc9a927c9e1' }))), !this.isLoading && (h(Fragment, null, h("div", { key: '81ca150772d4f6b38563bb46d5c76ebc51f9628c', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'c88feb2cc5956087fc91c5a00edb4e142efbfee0', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '621b100ed02aa5dc37f1da5be90c8f14568a21f3' }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '9fff5bc809f97f8126a8117b2896f984e07fc1be', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
+            } }, this.isLoading && (h("div", { key: '90a55566440c372885ecfd0d4ec1ceaca61d5169', class: "loading-wrapper" }, h("zonos-spinner", { key: '814fcab377f26107b42d431a9bd89cb415ea2aba' }))), !this.isLoading && (h(Fragment, null, h("div", { key: '5f0af17eadfad44a28b7a3cab861630aab10ea46', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'cb98643270b2faf2522437d653251b7a1b520d8c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '24b040b053da852c0e6d9e76532647d7f4ec3d7a' }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '664c02f338ef2020fed645c759cfa70fcd1edb97', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/esm/zonos-checkout.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-e063389c.js';
-import { l as localizationStore, a as log, s as stripeStoreGetDomesticShippingSession, b as localizationStoreUpdateSelectedCountryCode, c as stripeStoreCleanupDomesticShippingSession, d as logError, e as stripeStoreSaveDomesticShippingSession, i as initStripeElements, f as cartStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as stripeStore, m as stripeStoreInitCheckoutSession, n as cartStoreUpdateToErrorState, t as translate, o as stripeStorePrefetchLandedCost, p as cartStoreNextStep, q as stripeStoreConfirmPayment, r as stripeStoreReset } from './cart-462e89a6.js';
+import { l as localizationStore, a as log, s as stripeStoreGetDomesticShippingSession, b as localizationStoreUpdateSelectedCountryCode, c as stripeStoreCleanupDomesticShippingSession, d as logError, e as stripeStoreSaveDomesticShippingSession, i as initStripeElements, f as cartStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as stripeStore, m as stripeStoreInitCheckoutSession, n as cartStoreUpdateToErrorState, t as translate, o as stripeStorePrefetchLandedCost, p as cartStoreNextStep, q as stripeStoreConfirmPayment, r as stripeStoreReset, u as localizationStoreOnUpdate } from './cart-02f5c2ea.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-33ff08ff.js';
-import { c as createCustomEvent, s as sendErrorLog, a as submitGtag, t as trackConversionEvent } from './submitGtag-ac7c3c89.js';
+import { c as createCustomEvent, s as sendErrorLog, a as submitGtag, t as trackConversionEvent } from './submitGtag-ba38e1ac.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-567f1786.js';
@@ -289,6 +289,10 @@ const ZonosCheckoutStyle0 = zonosCheckoutCss;
 const ZonosCheckout = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Listener for locale change in localization store
+         */
+        this.onChangeLocaleListener = () => { };
         this.applyStripeTheme = async () => {
             var _a, _b, _c, _d;
             const theme = ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) || zonosStore.appearance.theme;
@@ -677,6 +681,11 @@ const ZonosCheckout = class {
         this.isMobile = isCheckoutMobile(this.mobile);
         // update theme to browser preference theme if appearance theme is system
         this.handleAppearanceSettingsOverrideChange();
+        // listen to selected locale code change
+        this.onChangeLocaleListener = localizationStoreOnUpdate('selectedLocale', () => {
+            // Update stripe locale when selected country code is changed
+            void this.applyStripeTheme();
+        });
         log(`mobile: ${this.isMobile}`);
     }
     // do clean up when component is unmounted
@@ -685,6 +694,8 @@ const ZonosCheckout = class {
         stripeStoreReset();
         // reset cart store
         cartStoreReset();
+        // cleanup onChange listener
+        this.onChangeLocaleListener();
     }
     render() {
         var _a;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e063389c.js';
-import { u as handleFetch, d as logError, v as isValidSelector, a as log, k as stripeStore, w as initLocalizationStore, b as localizationStoreUpdateSelectedCountryCode } from './cart-462e89a6.js';
+import { v as handleFetch, d as logError, w as isValidSelector, a as log, k as stripeStore, x as initLocalizationStore, b as localizationStoreUpdateSelectedCountryCode } from './cart-02f5c2ea.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-33ff08ff.js';
 import './isDarkColor-7f62035a.js';
 import './getBorderRadius-567f1786.js';

package/dist/esm/zonos-country-flag.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-e063389c.js';
-import { l as localizationStore } from './cart-462e89a6.js';
+import { l as localizationStore } from './cart-02f5c2ea.js';
 import { d as zonosStoreFontFamily } from './zonosStore-33ff08ff.js';
 import { c as classes } from './classes-0d95c529.js';
 import './isDarkColor-7f62035a.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-e063389c.js';
-import { b as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './cart-462e89a6.js';
+import { b as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './cart-02f5c2ea.js';
 import { d as zonosStoreFontFamily } from './zonosStore-33ff08ff.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-7f62035a.js';
@@ -1862,7 +1862,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]{color-scheme:light}:root,[data-theme=LIGHT]{--zonos-elements-transition:all 0.2s ease-in-out 0s, visibility 0s;--zonos-elements-type-scale-base:16px;--zonos-elements-glass-0:#10111600;--zonos-elements-glass-50:#1011160a;--zonos-elements-glass-100:#10111614;--zonos-elements-glass-200:#10111626;--zonos-elements-glass-300:#1011163d;--zonos-elements-glass-400:#10111656;--zonos-elements-glass-500:#10111670;--zonos-elements-glass-600:#1011169b;--zonos-elements-glass-700:#101116ad;--zonos-elements-glass-800:#101116bc;--zonos-elements-glass-900:#101116c6;--zonos-elements-glass-1000:#101116dd;--zonos-elements-glass-1100:#101116ef;--zonos-elements-glass-1200:#101116f5;--zonos-elements-gray-0:#ffffff;--zonos-elements-gray-50:#f6f6f8;--zonos-elements-gray-100:#ebebf0;--zonos-elements-gray-200:#d9dae3;--zonos-elements-gray-300:#bfc0ce;--zonos-elements-gray-400:#a7a9b9;--zonos-elements-gray-500:#888d9f;--zonos-elements-gray-600:#676c7e;--zonos-elements-gray-700:#575c6b;--zonos-elements-gray-800:#484c5b;--zonos-elements-gray-900:#383a48;--zonos-elements-gray-1000:#2a2c37;--zonos-elements-gray-1100:#1a1c23;--zonos-elements-gray-1200:#101116;--zonos-elements-blue-100:#e7f6fe;--zonos-elements-blue-200:#c9e6fd;--zonos-elements-blue-300:#a3cbfa;--zonos-elements-blue-400:#7fa9f5;--zonos-elements-blue-500:#5a80f1;--zonos-elements-blue-600:#445eee;--zonos-elements-blue-700:#3843c2;--zonos-elements-blue-800:#2e3d94;--zonos-elements-blue-900:#212f68;--zonos-elements-blue-1000:#152141;--zonos-elements-cyan-100:#d6fffe;--zonos-elements-cyan-200:#c0f2f2;--zonos-elements-cyan-300:#9be7e9;--zonos-elements-cyan-400:#66d5db;--zonos-elements-cyan-500:#3ec4d0;--zonos-elements-cyan-600:#2ca0af;--zonos-elements-cyan-700:#29818e;--zonos-elements-cyan-800:#25646f;--zonos-elements-cyan-900:#1d464e;--zonos-elements-cyan-1000:#152d32;--zonos-elements-red-100:#ffeceb;--zonos-elements-red-200:#fdd0ce;--zonos-elements-red-300:#faa9a9;--zonos-elements-red-400:#f37c82;--zonos-elements-red-500:#eb5c6c;--zonos-elements-red-600:#de314f;--zonos-elements-red-700:#bc2442;--zonos-elements-red-800:#922033;--zonos-elements-red-900:#6c1b26;--zonos-elements-red-1000:#481419;--zonos-elements-orange-100:#fff1e0;--zonos-elements-orange-200:#fcdab8;--zonos-elements-orange-300:#f5c193;--zonos-elements-orange-400:#f7a464;--zonos-elements-orange-500:#f47a34;--zonos-elements-orange-600:#e5591a;--zonos-elements-orange-700:#bd3c1c;--zonos-elements-orange-800:#94301c;--zonos-elements-orange-900:#6b2a1a;--zonos-elements-orange-1000:#401d12;--zonos-elements-green-100:#defde8;--zonos-elements-green-200:#aff8c3;--zonos-elements-green-300:#81ef98;--zonos-elements-green-400:#57db6c;--zonos-elements-green-500:#39c049;--zonos-elements-green-600:#2ca03f;--zonos-elements-green-700:#288129;--zonos-elements-green-800:#246627;--zonos-elements-green-900:#1d4920;--zonos-elements-green-1000:#153219;--zonos-elements-purple-100:#edebff;--zonos-elements-purple-200:#dcd2fe;--zonos-elements-purple-300:#ceb5fd;--zonos-elements-purple-400:#c699fa;--zonos-elements-purple-500:#b25cf5;--zonos-elements-purple-600:#ab26ed;--zonos-elements-purple-700:#901cca;--zonos-elements-purple-800:#6e1e99;--zonos-elements-purple-900:#471d68;--zonos-elements-purple-1000:#2c1844;--zonos-elements-transparent-white:#ffffffbb;--zonos-elements-transparent-black:#101116bb;--zonos-elements-transparent-gray-600:#6a6d771f;--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-shadow-button-standard:0px 1px 3px 0px\n      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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-opacity-disabled:0.6;--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-0);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:var(--zonos-elements-gray-0);--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #fff 0%,\n    #eaebed 100%\n  );--zonos-elements-spinner-track-black:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-black:#0c0c0c;--zonos-elements-spinner-track-white:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-white:#ffffff;--zonos-elements-appbar-height:55px;--zonos-elements-sidebar-width:232px;--zonos-elements-elevation-0:0;--zonos-elements-elevation-100:100;--zonos-elements-elevation-200:200;--zonos-elements-elevation-300:300;--zonos-elements-elevation-400:400;--zonos-elements-elevation-500:500;--zonos-elements-dialog-elevation:var(--zonos-elements-elevation-400);--zonos-elements-toast-elevation:var(--zonos-elements-elevation-500);--zonos-elements-appbar-elevation:var(--zonos-elements-elevation-500);--zonos-elements-size-xl:56px;--zonos-elements-size-lg:48px;--zonos-elements-size-md:40px;--zonos-elements-size-sm:32px;--zonos-elements-radius-4:0.25rem;--zonos-elements-radius-6:0.375rem;--zonos-elements-radius-8:0.5rem;--zonos-elements-radius-10:0.625rem;--zonos-elements-radius-12:0.75rem;--zonos-elements-font-size-3xl:1.875rem;--zonos-elements-font-size-2xl:1.5rem;--zonos-elements-font-size-xl:1.25rem;--zonos-elements-font-size-l:1.125rem;--zonos-elements-font-size-base-docs:1rem;--zonos-elements-font-size-base:0.813rem;--zonos-elements-font-size-s:0.75rem;--zonos-elements-font-size-xs:0.688rem;--zonos-elements-line-height-3xl:3rem;--zonos-elements-line-height-2xl:2.5rem;--zonos-elements-line-height-xl:2rem;--zonos-elements-line-height-l:1.5rem;--zonos-elements-line-height-base:1.5rem;--zonos-elements-line-height-s:1rem;--zonos-elements-line-height-xs:0.75rem;--zonos-elements-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont,\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;--zonos-elements-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;--zonos-elements-font-harmonized-codes:\"Fira Code\",\n    var(--zonos-elements-font-sans);--zonos-elements-input-background:inherit}[data-theme=DARK]{color-scheme:dark;--zonos-elements-glass-0:#ffffff00;--zonos-elements-glass-50:#ffffff0a;--zonos-elements-glass-100:#ffffff21;--zonos-elements-glass-200:#ffffff26;--zonos-elements-glass-300:#ffffff44;--zonos-elements-glass-400:#ffffff51;--zonos-elements-glass-500:#ffffff63;--zonos-elements-glass-600:#ffffff8e;--zonos-elements-glass-700:#ffffffa8;--zonos-elements-glass-800:#ffffffc1;--zonos-elements-glass-900:#ffffffd8;--zonos-elements-glass-1000:#ffffffea;--zonos-elements-glass-1100:#fffffff4;--zonos-elements-glass-1200:#fffffffa;--zonos-elements-gray-0:#101116;--zonos-elements-gray-50:#1a1c23;--zonos-elements-gray-100:#2a2c37;--zonos-elements-gray-200:#383a48;--zonos-elements-gray-300:#484c5b;--zonos-elements-gray-400:#575c6b;--zonos-elements-gray-500:#676c7e;--zonos-elements-gray-600:#888d9f;--zonos-elements-gray-700:#a7a9b9;--zonos-elements-gray-800:#bfc0ce;--zonos-elements-gray-900:#d9dae3;--zonos-elements-gray-1000:#ebebf0;--zonos-elements-gray-1100:#f6f6f8;--zonos-elements-gray-1200:#ffffff;--zonos-elements-blue-100:#152141;--zonos-elements-blue-200:#212f68;--zonos-elements-blue-300:#2e3d94;--zonos-elements-blue-400:#3843c2;--zonos-elements-blue-500:#445eee;--zonos-elements-blue-600:#5a80f1;--zonos-elements-blue-700:#7fa9f5;--zonos-elements-blue-800:#a8cefa;--zonos-elements-blue-900:#c9e6fd;--zonos-elements-blue-1000:#e7f6fe;--zonos-elements-cyan-100:#152d32;--zonos-elements-cyan-200:#1d464e;--zonos-elements-cyan-300:#25646f;--zonos-elements-cyan-400:#29818e;--zonos-elements-cyan-500:#2ca0af;--zonos-elements-cyan-600:#3ec4d0;--zonos-elements-cyan-700:#66d5db;--zonos-elements-cyan-800:#9be7e9;--zonos-elements-cyan-900:#c0f2f2;--zonos-elements-cyan-1000:#d6fffe;--zonos-elements-red-100:#481419;--zonos-elements-red-200:#6c1b26;--zonos-elements-red-300:#922033;--zonos-elements-red-400:#bc2442;--zonos-elements-red-500:#de314f;--zonos-elements-red-600:#eb5c6c;--zonos-elements-red-700:#f37c82;--zonos-elements-red-800:#faa9a9;--zonos-elements-red-900:#fdd0ce;--zonos-elements-red-1000:#ffeceb;--zonos-elements-orange-100:#401d12;--zonos-elements-orange-200:#6b2a1a;--zonos-elements-orange-300:#94301c;--zonos-elements-orange-400:#bd3c1c;--zonos-elements-orange-500:#e5591a;--zonos-elements-orange-600:#f47a34;--zonos-elements-orange-700:#f7a464;--zonos-elements-orange-800:#f5c193;--zonos-elements-orange-900:#fcdab8;--zonos-elements-orange-1000:#fff1e0;--zonos-elements-green-100:#153219;--zonos-elements-green-200:#1d4920;--zonos-elements-green-300:#246627;--zonos-elements-green-400:#288129;--zonos-elements-green-500:#2ca03f;--zonos-elements-green-600:#39c049;--zonos-elements-green-700:#57db6c;--zonos-elements-green-800:#81ef98;--zonos-elements-green-900:#aff8c3;--zonos-elements-green-1000:#defde8;--zonos-elements-purple-100:#2c1844;--zonos-elements-purple-200:#471d68;--zonos-elements-purple-300:#6e1e99;--zonos-elements-purple-400:#901cca;--zonos-elements-purple-500:#ab26ed;--zonos-elements-purple-600:#b25cf5;--zonos-elements-purple-700:#c699fa;--zonos-elements-purple-800:#ceb5fd;--zonos-elements-purple-900:#dcd2fe;--zonos-elements-purple-1000:#edebff;--zonos-elements-transparent-white:#101116bb;--zonos-elements-transparent-black:#ffffffbb;--zonos-elements-transparent-gray-600:#94969e1f;--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-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;--zonos-elements-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);--zonos-elements-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;--zonos-elements-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);--zonos-elements-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);--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-50);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-100);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:#2c2e3899;--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-0);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #5a80f1 0%,\n    #7fa9f5 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #39c049 0%,\n    #57db6c 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #e9495c 0%,\n    #f37c82 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #f47a34 0%,\n    #f7a464 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #2c2e3800,\n    #2c2e38e5\n  );--zonos-elements-spinner-track-black:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-black:#ffffff;--zonos-elements-spinner-track-white:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-white:#0c0c0c}: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(--zonos-elements-surface-color-secondary));border-top:var(--zonos-elements-border);padding:12px;-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(--zonos-elements-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:4px}}";
+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]{color-scheme:light}:root,[data-theme=LIGHT]{--zonos-elements-transition:all 0.2s ease-in-out 0s, visibility 0s;--zonos-elements-type-scale-base:16px;--zonos-elements-glass-0:#10111600;--zonos-elements-glass-50:#1011160a;--zonos-elements-glass-100:#10111614;--zonos-elements-glass-200:#10111626;--zonos-elements-glass-300:#1011163d;--zonos-elements-glass-400:#10111656;--zonos-elements-glass-500:#10111670;--zonos-elements-glass-600:#1011169b;--zonos-elements-glass-700:#101116ad;--zonos-elements-glass-800:#101116bc;--zonos-elements-glass-900:#101116c6;--zonos-elements-glass-1000:#101116dd;--zonos-elements-glass-1100:#101116ef;--zonos-elements-glass-1200:#101116f5;--zonos-elements-gray-0:#ffffff;--zonos-elements-gray-50:#f6f6f8;--zonos-elements-gray-100:#ebebf0;--zonos-elements-gray-200:#d9dae3;--zonos-elements-gray-300:#bfc0ce;--zonos-elements-gray-400:#a7a9b9;--zonos-elements-gray-500:#888d9f;--zonos-elements-gray-600:#676c7e;--zonos-elements-gray-700:#575c6b;--zonos-elements-gray-800:#484c5b;--zonos-elements-gray-900:#383a48;--zonos-elements-gray-1000:#2a2c37;--zonos-elements-gray-1100:#1a1c23;--zonos-elements-gray-1200:#101116;--zonos-elements-blue-100:#e7f6fe;--zonos-elements-blue-200:#c9e6fd;--zonos-elements-blue-300:#a3cbfa;--zonos-elements-blue-400:#7fa9f5;--zonos-elements-blue-500:#5a80f1;--zonos-elements-blue-600:#445eee;--zonos-elements-blue-700:#3843c2;--zonos-elements-blue-800:#2e3d94;--zonos-elements-blue-900:#212f68;--zonos-elements-blue-1000:#152141;--zonos-elements-cyan-100:#d6fffe;--zonos-elements-cyan-200:#c0f2f2;--zonos-elements-cyan-300:#9be7e9;--zonos-elements-cyan-400:#66d5db;--zonos-elements-cyan-500:#3ec4d0;--zonos-elements-cyan-600:#2ca0af;--zonos-elements-cyan-700:#29818e;--zonos-elements-cyan-800:#25646f;--zonos-elements-cyan-900:#1d464e;--zonos-elements-cyan-1000:#152d32;--zonos-elements-red-100:#ffeceb;--zonos-elements-red-200:#fdd0ce;--zonos-elements-red-300:#faa9a9;--zonos-elements-red-400:#f37c82;--zonos-elements-red-500:#eb5c6c;--zonos-elements-red-600:#de314f;--zonos-elements-red-700:#bc2442;--zonos-elements-red-800:#922033;--zonos-elements-red-900:#6c1b26;--zonos-elements-red-1000:#481419;--zonos-elements-orange-100:#fff1e0;--zonos-elements-orange-200:#fcdab8;--zonos-elements-orange-300:#f5c193;--zonos-elements-orange-400:#f7a464;--zonos-elements-orange-500:#f47a34;--zonos-elements-orange-600:#e5591a;--zonos-elements-orange-700:#bd3c1c;--zonos-elements-orange-800:#94301c;--zonos-elements-orange-900:#6b2a1a;--zonos-elements-orange-1000:#401d12;--zonos-elements-green-100:#defde8;--zonos-elements-green-200:#aff8c3;--zonos-elements-green-300:#81ef98;--zonos-elements-green-400:#57db6c;--zonos-elements-green-500:#39c049;--zonos-elements-green-600:#2ca03f;--zonos-elements-green-700:#288129;--zonos-elements-green-800:#246627;--zonos-elements-green-900:#1d4920;--zonos-elements-green-1000:#153219;--zonos-elements-purple-100:#edebff;--zonos-elements-purple-200:#dcd2fe;--zonos-elements-purple-300:#ceb5fd;--zonos-elements-purple-400:#c699fa;--zonos-elements-purple-500:#b25cf5;--zonos-elements-purple-600:#ab26ed;--zonos-elements-purple-700:#901cca;--zonos-elements-purple-800:#6e1e99;--zonos-elements-purple-900:#471d68;--zonos-elements-purple-1000:#2c1844;--zonos-elements-transparent-white:#ffffffbb;--zonos-elements-transparent-black:#101116bb;--zonos-elements-transparent-gray-600:#6a6d771f;--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(10, 10, 11, 0.24),\n    0px 0px 0px 1px rgba(110, 110, 120, 0.1);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-shadow-button-standard:0px 1px 3px 0px\n      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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-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;--zonos-elements-opacity-disabled:0.6;--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-0);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:var(--zonos-elements-gray-0);--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-50);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #445eee 0%,\n    #364bd4 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #2b9c4d 0%,\n    #298549 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #d92141 0%,\n    #b4223d 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #e5591a 0%,\n    #b6471b 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #fff 0%,\n    #eaebed 100%\n  );--zonos-elements-spinner-track-black:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-black:#0c0c0c;--zonos-elements-spinner-track-white:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-white:#ffffff;--zonos-elements-appbar-height:55px;--zonos-elements-sidebar-width:232px;--zonos-elements-elevation-0:0;--zonos-elements-elevation-100:100;--zonos-elements-elevation-200:200;--zonos-elements-elevation-300:300;--zonos-elements-elevation-400:400;--zonos-elements-elevation-500:500;--zonos-elements-dialog-elevation:var(--zonos-elements-elevation-400);--zonos-elements-toast-elevation:var(--zonos-elements-elevation-500);--zonos-elements-appbar-elevation:var(--zonos-elements-elevation-500);--zonos-elements-size-xl:56px;--zonos-elements-size-lg:48px;--zonos-elements-size-md:40px;--zonos-elements-size-sm:32px;--zonos-elements-radius-4:4px;--zonos-elements-radius-6:6px;--zonos-elements-radius-8:8px;--zonos-elements-radius-10:10px;--zonos-elements-radius-12:12px;--zonos-elements-font-size-3xl:30px;--zonos-elements-font-size-2xl:24px;--zonos-elements-font-size-xl:20px;--zonos-elements-font-size-l:18px;--zonos-elements-font-size-base-docs:16px;--zonos-elements-font-size-base:13px;--zonos-elements-font-size-s:12px;--zonos-elements-font-size-xs:11px;--zonos-elements-line-height-3xl:48px;--zonos-elements-line-height-2xl:40px;--zonos-elements-line-height-xl:32px;--zonos-elements-line-height-l:24px;--zonos-elements-line-height-base:24px;--zonos-elements-line-height-s:16px;--zonos-elements-line-height-xs:12px;--zonos-elements-font-sans:\"Inter\", -apple-system, BlinkMacSystemFont,\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;--zonos-elements-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;--zonos-elements-font-harmonized-codes:\"Fira Code\",\n    var(--zonos-elements-font-sans);--zonos-elements-input-background:inherit}[data-theme=DARK]{color-scheme:dark;--zonos-elements-glass-0:#ffffff00;--zonos-elements-glass-50:#ffffff0a;--zonos-elements-glass-100:#ffffff21;--zonos-elements-glass-200:#ffffff26;--zonos-elements-glass-300:#ffffff44;--zonos-elements-glass-400:#ffffff51;--zonos-elements-glass-500:#ffffff63;--zonos-elements-glass-600:#ffffff8e;--zonos-elements-glass-700:#ffffffa8;--zonos-elements-glass-800:#ffffffc1;--zonos-elements-glass-900:#ffffffd8;--zonos-elements-glass-1000:#ffffffea;--zonos-elements-glass-1100:#fffffff4;--zonos-elements-glass-1200:#fffffffa;--zonos-elements-gray-0:#101116;--zonos-elements-gray-50:#1a1c23;--zonos-elements-gray-100:#2a2c37;--zonos-elements-gray-200:#383a48;--zonos-elements-gray-300:#484c5b;--zonos-elements-gray-400:#575c6b;--zonos-elements-gray-500:#676c7e;--zonos-elements-gray-600:#888d9f;--zonos-elements-gray-700:#a7a9b9;--zonos-elements-gray-800:#bfc0ce;--zonos-elements-gray-900:#d9dae3;--zonos-elements-gray-1000:#ebebf0;--zonos-elements-gray-1100:#f6f6f8;--zonos-elements-gray-1200:#ffffff;--zonos-elements-blue-100:#152141;--zonos-elements-blue-200:#212f68;--zonos-elements-blue-300:#2e3d94;--zonos-elements-blue-400:#3843c2;--zonos-elements-blue-500:#445eee;--zonos-elements-blue-600:#5a80f1;--zonos-elements-blue-700:#7fa9f5;--zonos-elements-blue-800:#a8cefa;--zonos-elements-blue-900:#c9e6fd;--zonos-elements-blue-1000:#e7f6fe;--zonos-elements-cyan-100:#152d32;--zonos-elements-cyan-200:#1d464e;--zonos-elements-cyan-300:#25646f;--zonos-elements-cyan-400:#29818e;--zonos-elements-cyan-500:#2ca0af;--zonos-elements-cyan-600:#3ec4d0;--zonos-elements-cyan-700:#66d5db;--zonos-elements-cyan-800:#9be7e9;--zonos-elements-cyan-900:#c0f2f2;--zonos-elements-cyan-1000:#d6fffe;--zonos-elements-red-100:#481419;--zonos-elements-red-200:#6c1b26;--zonos-elements-red-300:#922033;--zonos-elements-red-400:#bc2442;--zonos-elements-red-500:#de314f;--zonos-elements-red-600:#eb5c6c;--zonos-elements-red-700:#f37c82;--zonos-elements-red-800:#faa9a9;--zonos-elements-red-900:#fdd0ce;--zonos-elements-red-1000:#ffeceb;--zonos-elements-orange-100:#401d12;--zonos-elements-orange-200:#6b2a1a;--zonos-elements-orange-300:#94301c;--zonos-elements-orange-400:#bd3c1c;--zonos-elements-orange-500:#e5591a;--zonos-elements-orange-600:#f47a34;--zonos-elements-orange-700:#f7a464;--zonos-elements-orange-800:#f5c193;--zonos-elements-orange-900:#fcdab8;--zonos-elements-orange-1000:#fff1e0;--zonos-elements-green-100:#153219;--zonos-elements-green-200:#1d4920;--zonos-elements-green-300:#246627;--zonos-elements-green-400:#288129;--zonos-elements-green-500:#2ca03f;--zonos-elements-green-600:#39c049;--zonos-elements-green-700:#57db6c;--zonos-elements-green-800:#81ef98;--zonos-elements-green-900:#aff8c3;--zonos-elements-green-1000:#defde8;--zonos-elements-purple-100:#2c1844;--zonos-elements-purple-200:#471d68;--zonos-elements-purple-300:#6e1e99;--zonos-elements-purple-400:#901cca;--zonos-elements-purple-500:#ab26ed;--zonos-elements-purple-600:#b25cf5;--zonos-elements-purple-700:#c699fa;--zonos-elements-purple-800:#ceb5fd;--zonos-elements-purple-900:#dcd2fe;--zonos-elements-purple-1000:#edebff;--zonos-elements-transparent-white:#101116bb;--zonos-elements-transparent-black:#ffffffbb;--zonos-elements-transparent-gray-600:#94969e1f;--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-v3-shadow-xxl:0px 32px 50px 0px rgba(0, 0, 0, 0.7),\n    0px 0px 0px 1px rgba(255, 255, 255, 0.12);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-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);--zonos-elements-button-focus-ring:0 0 0 2px var(--zonos-elements-blue-600);--zonos-elements-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;--zonos-elements-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);--zonos-elements-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;--zonos-elements-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);--zonos-elements-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);--zonos-elements-border:1px solid var(--zonos-elements-border-color);--zonos-elements-border-blue:1px solid var(--zonos-elements-blue-500);--zonos-elements-border-red:1px solid var(--zonos-elements-red-400);--zonos-elements-border-cyan:1px solid var(--zonos-elements-cyan-400);--zonos-elements-border-orange:1px solid var(--zonos-elements-orange-400);--zonos-elements-border-green:1px solid var(--zonos-elements-green-400);--zonos-elements-border-purple:1px solid var(--zonos-elements-purple-400);--zonos-elements-border-amber:1px solid var(--zonos-elements-amber-400);--zonos-elements-border-transparent:1px solid transparent;--zonos-elements-border-subtle:1px solid var(--zonos-elements-gray-100);--zonos-elements-sidebar-color:var(--zonos-elements-gray-0);--zonos-elements-header-color:var(--zonos-elements-gray-0);--zonos-elements-danger:var(--zonos-elements-red-600);--zonos-elements-danger-dark:var(--zonos-elements-red-700);--zonos-elements-error:var(--zonos-elements-red-600);--zonos-elements-primary:var(--zonos-elements-blue-600);--zonos-elements-primary-light:var(--zonos-elements-blue-500);--zonos-elements-primary-dark:var(--zonos-elements-blue-800);--zonos-elements-success:var(--zonos-elements-green-600);--zonos-elements-success-dark:var(--zonos-elements-green-700);--zonos-elements-warning:var(--zonos-elements-orange-600);--zonos-elements-warning-dark:var(--zonos-elements-orange-600);--zonos-elements-glow-error:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-blue:0 0 0 1px var(--zonos-elements-primary);--zonos-elements-glow-cyan:0 0 0 1px var(--zonos-elements-cyan-600);--zonos-elements-glow-red:0 0 0 1px var(--zonos-elements-red-600);--zonos-elements-glow-orange:0 0 0 1px var(--zonos-elements-orange-600);--zonos-elements-glow-green:0 0 0 1px var(--zonos-elements-green-600);--zonos-elements-glow-purple:0 0 0 1px var(--zonos-elements-purple-600);--zonos-elements-page-background:var(--zonos-elements-gray-0);--zonos-elements-border-color:var(--zonos-elements-gray-200);--zonos-elements-hover-color:var(--zonos-elements-gray-50);--zonos-elements-text-color:var(--zonos-elements-gray-1200);--zonos-elements-text-color-secondary:var(--zonos-elements-gray-800);--zonos-elements-focus-button-standard:0px 0px 0px 1px\n      var(--zonos-elements-transparent-gray-600) inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-focus-button:0px 0px 0px 1px var(--zonos-elements-gray-0)\n      inset,\n    var(--zonos-elements-button-focus-ring);--zonos-elements-surface-color:var(--zonos-elements-gray-50);--zonos-elements-surface-color-secondary:var(--zonos-elements-gray-100);--zonos-elements-backdrop-color:#000000;--zonos-elements-raised-surface-color:#2c2e3899;--zonos-elements-raised-color-secondary:var(--zonos-elements-gray-0);--zonos-elements-button-primary-hover:linear-gradient(\n    180deg,\n    #5a80f1 0%,\n    #7fa9f5 100%\n  );--zonos-elements-button-success-hover:linear-gradient(\n    180deg,\n    #39c049 0%,\n    #57db6c 100%\n  );--zonos-elements-button-danger-hover:linear-gradient(\n    180deg,\n    #e9495c 0%,\n    #f37c82 100%\n  );--zonos-elements-button-warning-hover:linear-gradient(\n    180deg,\n    #f47a34 0%,\n    #f7a464 100%\n  );--zonos-elements-button-standard-hover:linear-gradient(\n    180deg,\n    #2c2e3800,\n    #2c2e38e5\n  );--zonos-elements-spinner-track-black:rgba(255, 255, 255, 0.3);--zonos-elements-spinner-stroke-black:#ffffff;--zonos-elements-spinner-track-white:rgba(0, 0, 0, 0.3);--zonos-elements-spinner-stroke-white:#0c0c0c}: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(--zonos-elements-surface-color-secondary));border-top:var(--zonos-elements-border);padding:12px;-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(--zonos-elements-gray-800)}:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}@media (max-width: 400px){:host .zonos--hello-dialog-footer .zonos--hello-locale-wrapper{gap:4px}}";
 const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
 
 const ZonosHelloDialogFooter = class {