@volr/react-ui 0.2.4 → 0.2.6

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React14 = require('react');
+var React15 = require('react');
 var reactDom = require('react-dom');
 var react = require('@volr/react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -10,7 +10,7 @@ var qrcode_react = require('qrcode.react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React14__default = /*#__PURE__*/_interopDefault(React14);
+var React15__default = /*#__PURE__*/_interopDefault(React15);
 
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __esm = (fn, res) => function __init() {
@@ -707,12 +707,12 @@ var en = {
     domainLabel: "Domain"
   },
   walletRequired: {
-    ariaLabel: "Create wallet",
-    titleTx: "Create your wallet to continue",
-    titleMessage: "Create your wallet to continue",
-    titleTypedData: "Create your wallet to continue",
-    description: "Create a wallet in about 1 second to continue.",
-    cta: "Create wallet in 1 second",
+    ariaLabel: "Passkey required",
+    titleTx: "Passkey required to continue",
+    titleMessage: "Passkey required to continue",
+    titleTypedData: "Passkey required to continue",
+    description: "You need to register a passkey wallet to proceed.",
+    cta: "Register passkey",
     notNow: "Not now"
   },
   payment: {
@@ -720,6 +720,7 @@ var en = {
       title: "Choose how to pay",
       description: "Use your existing wallet, or create a wallet in about 1 second.",
       externalCta: "Use my wallet",
+      externalInlineCta: "I already have a wallet",
       createAccountCta: "Create wallet in 1 second",
       externalDisabledNative: "External wallet payments are available for ERC-20 permit tokens only.",
       externalTitle: "Select a wallet",
@@ -1021,12 +1022,12 @@ var ko = {
     domainLabel: "\uB3C4\uBA54\uC778"
   },
   walletRequired: {
-    ariaLabel: "\uC9C0\uAC11 \uC0DD\uC131",
-    titleTx: "\uACC4\uC18D\uD558\uB824\uBA74 \uC9C0\uAC11\uC774 \uD544\uC694\uD574\uC694",
-    titleMessage: "\uACC4\uC18D\uD558\uB824\uBA74 \uC9C0\uAC11\uC774 \uD544\uC694\uD574\uC694",
-    titleTypedData: "\uACC4\uC18D\uD558\uB824\uBA74 \uC9C0\uAC11\uC774 \uD544\uC694\uD574\uC694",
-    description: "1\uCD08\uB9CC\uC5D0 \uC9C0\uAC11\uC744 \uB9CC\uB4E4\uACE0 \uACC4\uC18D \uC9C4\uD589\uD558\uC138\uC694.",
-    cta: "1\uCD08\uB9CC\uC5D0 \uC9C0\uAC11 \uB9CC\uB4E4\uAE30",
+    ariaLabel: "\uD328\uC2A4\uD0A4 \uB4F1\uB85D",
+    titleTx: "\uD328\uC2A4\uD0A4 \uB4F1\uB85D\uC774 \uD544\uC694\uD574\uC694",
+    titleMessage: "\uD328\uC2A4\uD0A4 \uB4F1\uB85D\uC774 \uD544\uC694\uD574\uC694",
+    titleTypedData: "\uD328\uC2A4\uD0A4 \uB4F1\uB85D\uC774 \uD544\uC694\uD574\uC694",
+    description: "\uC774 \uAE30\uB2A5\uC744 \uC0AC\uC6A9\uD558\uB824\uBA74 \uD328\uC2A4\uD0A4 \uC9C0\uAC11\uC744 \uB4F1\uB85D\uD574\uC57C \uD574\uC694.",
+    cta: "\uD328\uC2A4\uD0A4 \uB4F1\uB85D\uD558\uAE30",
     notNow: "\uC9C0\uAE08\uC740 \uC548 \uD560\uB798\uC694"
   },
   payment: {
@@ -1034,6 +1035,7 @@ var ko = {
       title: "\uACB0\uC81C \uBC29\uBC95\uC744 \uC120\uD0DD\uD558\uC138\uC694",
       description: "\uAE30\uC874 \uC9C0\uAC11\uC73C\uB85C \uACB0\uC81C\uD558\uAC70\uB098, 1\uCD08\uB9CC\uC5D0 \uC9C0\uAC11\uC744 \uB9CC\uB4E4 \uC218 \uC788\uC5B4\uC694.",
       externalCta: "\uB0B4 \uC9C0\uAC11\uC73C\uB85C \uACB0\uC81C",
+      externalInlineCta: "\uC774\uBBF8 \uC9C0\uAC11\uC774 \uC788\uC5B4\uC694",
       createAccountCta: "1\uCD08\uB9CC\uC5D0 \uC9C0\uAC11 \uB9CC\uB4E4\uAE30",
       externalDisabledNative: "\uC678\uBD80 \uC9C0\uAC11 \uACB0\uC81C\uB294 ERC-20 permit \uD1A0\uD070\uC5D0\uC11C\uB9CC \uC9C0\uC6D0\uB3FC\uC694.",
       externalTitle: "\uC9C0\uAC11 \uC120\uD0DD",
@@ -1080,13 +1082,13 @@ var translations = {
 function getTranslations(locale = "en") {
   return translations[locale] || translations.en;
 }
-var I18nContext = React14.createContext(null);
+var I18nContext = React15.createContext(null);
 function interpolate(text, params) {
   if (!params) return text;
   return text.replace(/\{\{(\w+)\}\}/g, (_, key) => params[key] ?? `{{${key}}}`);
 }
 function useI18n() {
-  const context = React14.useContext(I18nContext);
+  const context = React15.useContext(I18nContext);
   if (!context) {
     return {
       locale: "en",
@@ -1130,25 +1132,25 @@ function detectLocale(allowedLocales) {
   return resolveLocale(detected, allowedLocales);
 }
 function I18nProvider({ children, allowedLocales }) {
-  const [locale, setLocaleState] = React14.useState(() => detectLocale(allowedLocales));
-  const resolveAllowedLocale = React14.useCallback(
+  const [locale, setLocaleState] = React15.useState(() => detectLocale(allowedLocales));
+  const resolveAllowedLocale = React15.useCallback(
     (next) => resolveLocale(next, allowedLocales),
     [allowedLocales]
   );
-  const setLocale = React14.useCallback(
+  const setLocale = React15.useCallback(
     (next) => {
       setLocaleState(resolveAllowedLocale(next));
     },
     [resolveAllowedLocale]
   );
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     setLocaleState((current) => {
       const resolved = resolveAllowedLocale(current);
       return current === resolved ? current : resolved;
     });
   }, [resolveAllowedLocale]);
-  const translations2 = React14.useMemo(() => getTranslations(locale), [locale]);
-  const t = React14.useMemo(() => {
+  const translations2 = React15.useMemo(() => getTranslations(locale), [locale]);
+  const t = React15.useMemo(() => {
     return (key, params) => {
       const keys = key.split(".");
       let value2 = translations2;
@@ -1165,7 +1167,7 @@ function I18nProvider({ children, allowedLocales }) {
       return typeof value2 === "string" ? interpolate(value2, params) : key;
     };
   }, [translations2]);
-  const value = React14.useMemo(
+  const value = React15.useMemo(
     () => ({
       locale,
       translations: translations2,
@@ -1177,9 +1179,9 @@ function I18nProvider({ children, allowedLocales }) {
   return /* @__PURE__ */ jsxRuntime.jsx(I18nContext.Provider, { value, children });
 }
 var useTranslation = useI18n;
-var VolrModalContext = React14.createContext(null);
+var VolrModalContext = React15.createContext(null);
 var useVolrModal = () => {
-  const context = React14.useContext(VolrModalContext);
+  const context = React15.useContext(VolrModalContext);
   if (!context) {
     throw new Error("useVolrModal must be used within VolrUIProvider");
   }
@@ -1188,17 +1190,17 @@ var useVolrModal = () => {
 var VolrModalProvider = ({
   children
 }) => {
-  const [isOpen, setIsOpen] = React14.useState(false);
-  const [mode, setMode] = React14.useState("account");
-  const [asset, setAsset] = React14.useState(null);
-  const [paymentOptions, setPaymentOptions] = React14.useState(null);
-  const open = React14.useCallback((options) => {
+  const [isOpen, setIsOpen] = React15.useState(false);
+  const [mode, setMode] = React15.useState("account");
+  const [asset, setAsset] = React15.useState(null);
+  const [paymentOptions, setPaymentOptions] = React15.useState(null);
+  const open = React15.useCallback((options) => {
     setMode(options?.mode ?? "account");
     setAsset(options?.asset ?? null);
     setPaymentOptions(options?.payment ?? null);
     setIsOpen(true);
   }, []);
-  const close = React14.useCallback(() => {
+  const close = React15.useCallback(() => {
     setIsOpen(false);
     setAsset(null);
     setPaymentOptions(null);
@@ -1212,11 +1214,11 @@ function cn(...inputs) {
   return twMerge(clsx.clsx(inputs));
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React14.useState(() => {
+  const [matches, setMatches] = React15.useState(() => {
     if (typeof window === "undefined") return false;
     return window.matchMedia(query).matches;
   });
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia(query);
     const handler = (event) => setMatches(event.matches);
@@ -1228,14 +1230,14 @@ function useMediaQuery(query) {
 }
 
 // src/generated/volr-sdk-css.ts
-var VOLR_SDK_CSS = '/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--volr-tw-translate-x:0;--volr-tw-translate-y:0;--volr-tw-translate-z:0;--volr-tw-space-y-reverse:0;--volr-tw-border-style:solid;--volr-tw-gradient-position:initial;--volr-tw-gradient-from:#0000;--volr-tw-gradient-via:#0000;--volr-tw-gradient-to:#0000;--volr-tw-gradient-stops:initial;--volr-tw-gradient-via-stops:initial;--volr-tw-gradient-from-position:0%;--volr-tw-gradient-via-position:50%;--volr-tw-gradient-to-position:100%;--volr-tw-leading:initial;--volr-tw-font-weight:initial;--volr-tw-tracking:initial;--volr-tw-shadow:0 0 #0000;--volr-tw-shadow-color:initial;--volr-tw-shadow-alpha:100%;--volr-tw-inset-shadow:0 0 #0000;--volr-tw-inset-shadow-color:initial;--volr-tw-inset-shadow-alpha:100%;--volr-tw-ring-color:initial;--volr-tw-ring-shadow:0 0 #0000;--volr-tw-inset-ring-color:initial;--volr-tw-inset-ring-shadow:0 0 #0000;--volr-tw-ring-inset:initial;--volr-tw-ring-offset-width:0px;--volr-tw-ring-offset-color:#fff;--volr-tw-ring-offset-shadow:0 0 #0000;--volr-tw-blur:initial;--volr-tw-brightness:initial;--volr-tw-contrast:initial;--volr-tw-grayscale:initial;--volr-tw-hue-rotate:initial;--volr-tw-invert:initial;--volr-tw-opacity:initial;--volr-tw-saturate:initial;--volr-tw-sepia:initial;--volr-tw-drop-shadow:initial;--volr-tw-drop-shadow-color:initial;--volr-tw-drop-shadow-alpha:100%;--volr-tw-drop-shadow-size:initial;--volr-tw-duration:initial;--volr-tw-ease:initial}}}@layer theme{:root,:host{--volr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--volr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--volr-color-red-50:oklch(97.1% .013 17.38);--volr-color-red-100:oklch(93.6% .032 17.717);--volr-color-red-200:oklch(88.5% .062 18.334);--volr-color-red-500:oklch(63.7% .237 25.331);--volr-color-red-600:oklch(57.7% .245 27.325);--volr-color-red-700:oklch(50.5% .213 27.518);--volr-color-amber-50:oklch(98.7% .022 95.277);--volr-color-amber-200:oklch(92.4% .12 95.746);--volr-color-amber-700:oklch(55.5% .163 48.998);--volr-color-yellow-100:oklch(97.3% .071 103.193);--volr-color-yellow-700:oklch(55.4% .135 66.442);--volr-color-green-50:oklch(98.2% .018 155.826);--volr-color-green-100:oklch(96.2% .044 156.743);--volr-color-green-600:oklch(62.7% .194 149.214);--volr-color-green-700:oklch(52.7% .154 150.069);--volr-color-emerald-300:oklch(84.5% .143 164.978);--volr-color-emerald-400:oklch(76.5% .177 163.223);--volr-color-emerald-500:oklch(69.6% .17 162.48);--volr-color-emerald-600:oklch(59.6% .145 163.225);--volr-color-teal-400:oklch(77.7% .152 181.912);--volr-color-teal-500:oklch(70.4% .14 182.503);--volr-color-cyan-400:oklch(78.9% .154 211.53);--volr-color-blue-100:oklch(93.2% .032 255.585);--volr-color-blue-700:oklch(48.8% .243 264.376);--volr-color-slate-50:oklch(98.4% .003 247.858);--volr-color-slate-100:oklch(96.8% .007 247.896);--volr-color-slate-200:oklch(92.9% .013 255.508);--volr-color-slate-300:oklch(86.9% .022 252.894);--volr-color-slate-400:oklch(70.4% .04 256.788);--volr-color-slate-500:oklch(55.4% .046 257.417);--volr-color-slate-600:oklch(44.6% .043 257.281);--volr-color-slate-700:oklch(37.2% .044 257.287);--volr-color-slate-800:oklch(27.9% .041 260.031);--volr-color-slate-900:oklch(20.8% .042 265.755);--volr-color-gray-500:oklch(55.1% .027 264.364);--volr-color-black:#000;--volr-color-white:#fff;--volr-spacing:.25rem;--volr-container-md:28rem;--volr-container-4xl:56rem;--volr-text-xs:.75rem;--volr-text-xs--line-height:calc(1/.75);--volr-text-sm:.875rem;--volr-text-sm--line-height:calc(1.25/.875);--volr-text-base:1rem;--volr-text-base--line-height:calc(1.5/1);--volr-text-lg:1.125rem;--volr-text-lg--line-height:calc(1.75/1.125);--volr-text-xl:1.25rem;--volr-text-xl--line-height:calc(1.75/1.25);--volr-text-2xl:1.5rem;--volr-text-2xl--line-height:calc(2/1.5);--volr-text-8xl:6rem;--volr-text-8xl--line-height:1;--volr-font-weight-medium:500;--volr-font-weight-semibold:600;--volr-font-weight-bold:700;--volr-tracking-tight:-.025em;--volr-tracking-wide:.025em;--volr-tracking-wider:.05em;--volr-leading-relaxed:1.625;--volr-radius-md:.375rem;--volr-radius-lg:.5rem;--volr-radius-xl:.75rem;--volr-radius-2xl:1rem;--volr-radius-3xl:1.5rem;--volr-ease-out:cubic-bezier(0,0,.2,1);--volr-animate-spin:spin 1s linear infinite;--volr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--volr-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--volr-blur-2xl:40px;--volr-default-transition-duration:.15s;--volr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--volr-default-font-family:var(--volr-font-sans);--volr-default-mono-font-family:var(--volr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--volr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--volr-default-font-feature-settings,normal);font-variation-settings:var(--volr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--volr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--volr-default-mono-font-feature-settings,normal);font-variation-settings:var(--volr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host{--volr-primary-color:var(--volr-accent-color,#303030);--volr-font-family:var(--volr-custom-font,inherit);--volr-bg:#fff;--volr-bg-secondary:#f8fafc;--volr-bg-tertiary:#f1f5f9;--volr-text:#0f172a;--volr-text-secondary:#475569;--volr-text-muted:#94a3b8;--volr-border:#e2e8f0;--volr-border-strong:#cbd5e1;--volr-hover-bg:#f8fafc;--volr-error-bg:#fef2f2;--volr-error-border:#fecaca;--volr-error-text:#991b1b;--volr-hint-bg:#f8fafc;--volr-hint-border:#e2e8f0;--volr-hint-text:#334155}:host([data-theme=dark]){--volr-bg:#1c1c1e;--volr-bg-secondary:#2c2c2e;--volr-bg-tertiary:#3a3a3c;--volr-text:#f5f5f7;--volr-text-secondary:#c7c7cc;--volr-text-muted:#8e8e93;--volr-border:#3a3a3c;--volr-border-strong:#48484a;--volr-hover-bg:#2c2c2e;--volr-error-bg:#3c1f1f;--volr-error-border:#7f1d1d;--volr-error-text:#fca5a5;--volr-hint-bg:#2c2c2e;--volr-hint-border:#3a3a3c;--volr-hint-text:#c7c7cc}*,:before,:after{box-sizing:border-box}*{font-family:var(--volr-font-family);color:var(--volr-text)}button,input,select,textarea{color:var(--volr-text);background-color:#0000}button{cursor:pointer;background-color:#0000}input::placeholder{color:var(--volr-text-muted)}h1,h2,h3{color:var(--volr-text);margin:0;font-weight:700}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}p{margin:0}}@layer components{.volr-dialog-overlay{inset:calc(var(--volr-spacing)*0);z-index:40;background-color:var(--volr-color-black);position:fixed}@supports (color:color-mix(in lab, red, red)){.volr-dialog-overlay{background-color:color-mix(in oklab,var(--volr-color-black)45%,transparent)}}.volr-dialog-content{z-index:50;border-radius:var(--volr-radius-2xl);border-style:var(--volr-tw-border-style);padding:calc(var(--volr-spacing)*7);--volr-tw-shadow:0 20px 25px -5px var(--volr-tw-shadow-color,#0000001a),0 8px 10px -6px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow);background-color:var(--volr-bg);border-width:1px;border-color:var(--volr-border-strong);width:calc(100% - 2rem);max-width:28rem;max-height:85vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@media (max-width:640px){.volr-dialog-content{top:auto;right:calc(var(--volr-spacing)*0);bottom:calc(var(--volr-spacing)*0);left:calc(var(--volr-spacing)*0);border-radius:1.25rem 1.25rem 0 0;width:100%;max-width:100%;margin:0 auto;transform:translateY(0)}}.volr-dialog-close{top:calc(var(--volr-spacing)*4);right:calc(var(--volr-spacing)*4);height:calc(var(--volr-spacing)*8);width:calc(var(--volr-spacing)*8);color:var(--volr-text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.volr-dialog-close:hover{background-color:var(--volr-hover-bg);color:var(--volr-text-secondary)}.volr-dialog-close:focus-visible{box-shadow:0 0 0 2px var(--volr-border-strong);outline:none}.volr-dialog-close-icon{height:calc(var(--volr-spacing)*4);width:calc(var(--volr-spacing)*4)}.volr-email-input{border:1px solid var(--volr-border-strong);background-color:var(--volr-bg);width:100%;color:var(--volr-text);border-radius:.5rem;outline:none;padding:.75rem .75rem .75rem 2.75rem;font-size:1rem;line-height:1.5}.volr-email-input::placeholder{color:var(--volr-text-muted)}.volr-email-input:focus{border-color:var(--volr-border-strong);box-shadow:0 0 0 2px var(--volr-border-strong)}.volr-option-button{border:1px solid var(--volr-border);background-color:var(--volr-bg);width:100%;color:var(--volr-text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;display:flex}.volr-option-button:hover{background-color:var(--volr-hover-bg);border-color:var(--volr-border)}.volr-option-button:focus-visible{box-shadow:0 0 0 2px var(--volr-border-strong);outline:none}}@layer utilities{.volr\\:pointer-events-auto{pointer-events:auto}.volr\\:pointer-events-none{pointer-events:none}.volr\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.volr\\:absolute{position:absolute}.volr\\:fixed{position:fixed}.volr\\:relative{position:relative}.volr\\:inset-0{inset:calc(var(--volr-spacing)*0)}.volr\\:-top-3{top:calc(var(--volr-spacing)*-3)}.volr\\:top-1\\/2{top:50%}.volr\\:-right-3{right:calc(var(--volr-spacing)*-3)}.volr\\:right-0{right:calc(var(--volr-spacing)*0)}.volr\\:right-2{right:calc(var(--volr-spacing)*2)}.volr\\:right-3{right:calc(var(--volr-spacing)*3)}.volr\\:bottom-0{bottom:calc(var(--volr-spacing)*0)}.volr\\:left-0{left:calc(var(--volr-spacing)*0)}.volr\\:left-3{left:calc(var(--volr-spacing)*3)}.volr\\:-z-10{z-index:calc(10*-1)}.volr\\:z-10{z-index:10}.volr\\:z-20{z-index:20}.volr\\:z-40{z-index:40}.volr\\:z-50{z-index:50}.volr\\:mx-auto{margin-inline:auto}.volr\\:my-6{margin-block:calc(var(--volr-spacing)*6)}.volr\\:mt-0\\.5{margin-top:calc(var(--volr-spacing)*.5)}.volr\\:mt-1{margin-top:calc(var(--volr-spacing)*1)}.volr\\:mt-2{margin-top:calc(var(--volr-spacing)*2)}.volr\\:mt-3{margin-top:calc(var(--volr-spacing)*3)}.volr\\:mt-4{margin-top:calc(var(--volr-spacing)*4)}.volr\\:mt-6{margin-top:calc(var(--volr-spacing)*6)}.volr\\:mt-8{margin-top:calc(var(--volr-spacing)*8)}.volr\\:mb-1{margin-bottom:calc(var(--volr-spacing)*1)}.volr\\:mb-2{margin-bottom:calc(var(--volr-spacing)*2)}.volr\\:mb-3{margin-bottom:calc(var(--volr-spacing)*3)}.volr\\:mb-4{margin-bottom:calc(var(--volr-spacing)*4)}.volr\\:mb-5{margin-bottom:calc(var(--volr-spacing)*5)}.volr\\:mb-6{margin-bottom:calc(var(--volr-spacing)*6)}.volr\\:mb-8{margin-bottom:calc(var(--volr-spacing)*8)}.volr\\:-ml-2{margin-left:calc(var(--volr-spacing)*-2)}.volr\\:ml-6{margin-left:calc(var(--volr-spacing)*6)}.volr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.volr\\:block{display:block}.volr\\:flex{display:flex}.volr\\:grid{display:grid}.volr\\:inline-block{display:inline-block}.volr\\:inline-flex{display:inline-flex}.volr\\:h-1{height:calc(var(--volr-spacing)*1)}.volr\\:h-1\\.5{height:calc(var(--volr-spacing)*1.5)}.volr\\:h-2{height:calc(var(--volr-spacing)*2)}.volr\\:h-3{height:calc(var(--volr-spacing)*3)}.volr\\:h-3\\.5{height:calc(var(--volr-spacing)*3.5)}.volr\\:h-4{height:calc(var(--volr-spacing)*4)}.volr\\:h-5{height:calc(var(--volr-spacing)*5)}.volr\\:h-6{height:calc(var(--volr-spacing)*6)}.volr\\:h-7{height:calc(var(--volr-spacing)*7)}.volr\\:h-8{height:calc(var(--volr-spacing)*8)}.volr\\:h-10{height:calc(var(--volr-spacing)*10)}.volr\\:h-12{height:calc(var(--volr-spacing)*12)}.volr\\:h-14{height:calc(var(--volr-spacing)*14)}.volr\\:h-16{height:calc(var(--volr-spacing)*16)}.volr\\:h-20{height:calc(var(--volr-spacing)*20)}.volr\\:h-24{height:calc(var(--volr-spacing)*24)}.volr\\:h-40{height:calc(var(--volr-spacing)*40)}.volr\\:h-44{height:calc(var(--volr-spacing)*44)}.volr\\:h-48{height:calc(var(--volr-spacing)*48)}.volr\\:h-\\[0\\.8em\\]{height:.8em}.volr\\:h-\\[200px\\]{height:200px}.volr\\:h-full{height:100%}.volr\\:h-px{height:1px}.volr\\:max-h-48{max-height:calc(var(--volr-spacing)*48)}.volr\\:max-h-60{max-height:calc(var(--volr-spacing)*60)}.volr\\:max-h-64{max-height:calc(var(--volr-spacing)*64)}.volr\\:max-h-\\[85vh\\]{max-height:85vh}.volr\\:max-h-\\[90vh\\]{max-height:90vh}.volr\\:min-h-\\[100px\\]{min-height:100px}.volr\\:min-h-\\[120px\\]{min-height:120px}.volr\\:min-h-\\[500px\\]{min-height:500px}.volr\\:w-1\\.5{width:calc(var(--volr-spacing)*1.5)}.volr\\:w-2{width:calc(var(--volr-spacing)*2)}.volr\\:w-3{width:calc(var(--volr-spacing)*3)}.volr\\:w-3\\.5{width:calc(var(--volr-spacing)*3.5)}.volr\\:w-4{width:calc(var(--volr-spacing)*4)}.volr\\:w-5{width:calc(var(--volr-spacing)*5)}.volr\\:w-6{width:calc(var(--volr-spacing)*6)}.volr\\:w-7{width:calc(var(--volr-spacing)*7)}.volr\\:w-8{width:calc(var(--volr-spacing)*8)}.volr\\:w-10{width:calc(var(--volr-spacing)*10)}.volr\\:w-12{width:calc(var(--volr-spacing)*12)}.volr\\:w-14{width:calc(var(--volr-spacing)*14)}.volr\\:w-16{width:calc(var(--volr-spacing)*16)}.volr\\:w-20{width:calc(var(--volr-spacing)*20)}.volr\\:w-24{width:calc(var(--volr-spacing)*24)}.volr\\:w-32{width:calc(var(--volr-spacing)*32)}.volr\\:w-36{width:calc(var(--volr-spacing)*36)}.volr\\:w-40{width:calc(var(--volr-spacing)*40)}.volr\\:w-44{width:calc(var(--volr-spacing)*44)}.volr\\:w-48{width:calc(var(--volr-spacing)*48)}.volr\\:w-\\[200px\\]{width:200px}.volr\\:w-auto{width:auto}.volr\\:w-full{width:100%}.volr\\:max-w-4xl{max-width:var(--volr-container-4xl)}.volr\\:max-w-full{max-width:100%}.volr\\:max-w-md{max-width:var(--volr-container-md)}.volr\\:max-w-none{max-width:none}.volr\\:min-w-0{min-width:calc(var(--volr-spacing)*0)}.volr\\:flex-1{flex:1}.volr\\:flex-shrink-0,.volr\\:shrink-0{flex-shrink:0}.volr\\:-translate-y-1\\/2{--volr-tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--volr-tw-translate-x)var(--volr-tw-translate-y)}.volr\\:rotate-90{rotate:90deg}.volr\\:rotate-180{rotate:180deg}.volr\\:animate-ping{animation:var(--volr-animate-ping)}.volr\\:animate-pulse{animation:var(--volr-animate-pulse)}.volr\\:animate-spin{animation:var(--volr-animate-spin)}.volr\\:cursor-not-allowed{cursor:not-allowed}.volr\\:cursor-pointer{cursor:pointer}.volr\\:list-inside{list-style-position:inside}.volr\\:list-decimal{list-style-type:decimal}.volr\\:grid-cols-\\[minmax\\(0\\,1\\.1fr\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.volr\\:flex-col{flex-direction:column}.volr\\:items-baseline{align-items:baseline}.volr\\:items-center{align-items:center}.volr\\:items-end{align-items:flex-end}.volr\\:items-start{align-items:flex-start}.volr\\:justify-between{justify-content:space-between}.volr\\:justify-center{justify-content:center}.volr\\:gap-1{gap:calc(var(--volr-spacing)*1)}.volr\\:gap-2{gap:calc(var(--volr-spacing)*2)}.volr\\:gap-3{gap:calc(var(--volr-spacing)*3)}.volr\\:gap-4{gap:calc(var(--volr-spacing)*4)}:where(.volr\\:space-y-1>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*1)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*1)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-2>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*2)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*2)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-3>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*3)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*3)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-4>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*4)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*4)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-5>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*5)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*5)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-6>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*6)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*6)*calc(1 - var(--volr-tw-space-y-reverse)))}.volr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volr\\:overflow-auto{overflow:auto}.volr\\:overflow-hidden{overflow:hidden}.volr\\:overflow-visible{overflow:visible}.volr\\:overflow-x-auto{overflow-x:auto}.volr\\:overflow-y-auto{overflow-y:auto}.volr\\:rounded{border-radius:.25rem}.volr\\:rounded-2xl{border-radius:var(--volr-radius-2xl)}.volr\\:rounded-full{border-radius:3.40282e38px}.volr\\:rounded-lg{border-radius:var(--volr-radius-lg)}.volr\\:rounded-md{border-radius:var(--volr-radius-md)}.volr\\:rounded-xl{border-radius:var(--volr-radius-xl)}.volr\\:rounded-t-2xl{border-top-left-radius:var(--volr-radius-2xl);border-top-right-radius:var(--volr-radius-2xl)}.volr\\:rounded-t-3xl{border-top-left-radius:var(--volr-radius-3xl);border-top-right-radius:var(--volr-radius-3xl)}.volr\\:border{border-style:var(--volr-tw-border-style);border-width:1px}.volr\\:border-2{border-style:var(--volr-tw-border-style);border-width:2px}.volr\\:border-4{border-style:var(--volr-tw-border-style);border-width:4px}.volr\\:border-y{border-block-style:var(--volr-tw-border-style);border-block-width:1px}.volr\\:border-t{border-top-style:var(--volr-tw-border-style);border-top-width:1px}.volr\\:border-b{border-bottom-style:var(--volr-tw-border-style);border-bottom-width:1px}.volr\\:border-amber-200{border-color:var(--volr-color-amber-200)}.volr\\:border-red-200{border-color:var(--volr-color-red-200)}.volr\\:border-red-500{border-color:var(--volr-color-red-500)}.volr\\:border-slate-100{border-color:var(--volr-color-slate-100)}.volr\\:border-slate-200{border-color:var(--volr-color-slate-200)}.volr\\:border-slate-300{border-color:var(--volr-color-slate-300)}.volr\\:border-transparent{border-color:#0000}.volr\\:border-white{border-color:var(--volr-color-white)}.volr\\:border-t-slate-600{border-top-color:var(--volr-color-slate-600)}.volr\\:border-t-slate-900{border-top-color:var(--volr-color-slate-900)}.volr\\:bg-amber-50{background-color:var(--volr-color-amber-50)}.volr\\:bg-black\\/45{background-color:var(--volr-color-black)}@supports (color:color-mix(in lab, red, red)){.volr\\:bg-black\\/45{background-color:color-mix(in oklab,var(--volr-color-black)45%,transparent)}}.volr\\:bg-blue-100{background-color:var(--volr-color-blue-100)}.volr\\:bg-cyan-400{background-color:var(--volr-color-cyan-400)}.volr\\:bg-emerald-300{background-color:var(--volr-color-emerald-300)}.volr\\:bg-emerald-400{background-color:var(--volr-color-emerald-400)}.volr\\:bg-emerald-500{background-color:var(--volr-color-emerald-500)}.volr\\:bg-green-50{background-color:var(--volr-color-green-50)}.volr\\:bg-green-100{background-color:var(--volr-color-green-100)}.volr\\:bg-red-50{background-color:var(--volr-color-red-50)}.volr\\:bg-red-100{background-color:var(--volr-color-red-100)}.volr\\:bg-slate-50{background-color:var(--volr-color-slate-50)}.volr\\:bg-slate-100{background-color:var(--volr-color-slate-100)}.volr\\:bg-slate-200{background-color:var(--volr-color-slate-200)}.volr\\:bg-slate-900{background-color:var(--volr-color-slate-900)}.volr\\:bg-teal-400{background-color:var(--volr-color-teal-400)}.volr\\:bg-white{background-color:var(--volr-color-white)}.volr\\:bg-yellow-100{background-color:var(--volr-color-yellow-100)}.volr\\:bg-linear-to-br{--volr-tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.volr\\:bg-linear-to-br{--volr-tw-gradient-position:to bottom right in oklab}}.volr\\:bg-linear-to-br{background-image:linear-gradient(var(--volr-tw-gradient-stops))}.volr\\:bg-linear-to-r{--volr-tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.volr\\:bg-linear-to-r{--volr-tw-gradient-position:to right in oklab}}.volr\\:bg-linear-to-r{background-image:linear-gradient(var(--volr-tw-gradient-stops))}.volr\\:from-emerald-400{--volr-tw-gradient-from:var(--volr-color-emerald-400);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:to-teal-500{--volr-tw-gradient-to:var(--volr-color-teal-500);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:object-cover{object-fit:cover}.volr\\:p-1{padding:calc(var(--volr-spacing)*1)}.volr\\:p-2{padding:calc(var(--volr-spacing)*2)}.volr\\:p-3{padding:calc(var(--volr-spacing)*3)}.volr\\:p-4{padding:calc(var(--volr-spacing)*4)}.volr\\:p-5{padding:calc(var(--volr-spacing)*5)}.volr\\:p-8{padding:calc(var(--volr-spacing)*8)}.volr\\:px-1\\.5{padding-inline:calc(var(--volr-spacing)*1.5)}.volr\\:px-2{padding-inline:calc(var(--volr-spacing)*2)}.volr\\:px-3{padding-inline:calc(var(--volr-spacing)*3)}.volr\\:px-4{padding-inline:calc(var(--volr-spacing)*4)}.volr\\:px-5{padding-inline:calc(var(--volr-spacing)*5)}.volr\\:px-6{padding-inline:calc(var(--volr-spacing)*6)}.volr\\:py-0\\.5{padding-block:calc(var(--volr-spacing)*.5)}.volr\\:py-1{padding-block:calc(var(--volr-spacing)*1)}.volr\\:py-1\\.5{padding-block:calc(var(--volr-spacing)*1.5)}.volr\\:py-2{padding-block:calc(var(--volr-spacing)*2)}.volr\\:py-2\\.5{padding-block:calc(var(--volr-spacing)*2.5)}.volr\\:py-3{padding-block:calc(var(--volr-spacing)*3)}.volr\\:py-4{padding-block:calc(var(--volr-spacing)*4)}.volr\\:py-6{padding-block:calc(var(--volr-spacing)*6)}.volr\\:py-7{padding-block:calc(var(--volr-spacing)*7)}.volr\\:py-8{padding-block:calc(var(--volr-spacing)*8)}.volr\\:py-12{padding-block:calc(var(--volr-spacing)*12)}.volr\\:pt-1{padding-top:calc(var(--volr-spacing)*1)}.volr\\:pt-2{padding-top:calc(var(--volr-spacing)*2)}.volr\\:pt-3{padding-top:calc(var(--volr-spacing)*3)}.volr\\:pt-4{padding-top:calc(var(--volr-spacing)*4)}.volr\\:pr-3{padding-right:calc(var(--volr-spacing)*3)}.volr\\:pr-16{padding-right:calc(var(--volr-spacing)*16)}.volr\\:pl-11{padding-left:calc(var(--volr-spacing)*11)}.volr\\:text-center{text-align:center}.volr\\:text-left{text-align:left}.volr\\:text-right{text-align:right}.volr\\:align-baseline{vertical-align:baseline}.volr\\:font-mono{font-family:var(--volr-font-mono)}.volr\\:text-2xl{font-size:var(--volr-text-2xl);line-height:var(--volr-tw-leading,var(--volr-text-2xl--line-height))}.volr\\:text-8xl{font-size:var(--volr-text-8xl);line-height:var(--volr-tw-leading,var(--volr-text-8xl--line-height))}.volr\\:text-base{font-size:var(--volr-text-base);line-height:var(--volr-tw-leading,var(--volr-text-base--line-height))}.volr\\:text-lg{font-size:var(--volr-text-lg);line-height:var(--volr-tw-leading,var(--volr-text-lg--line-height))}.volr\\:text-sm{font-size:var(--volr-text-sm);line-height:var(--volr-tw-leading,var(--volr-text-sm--line-height))}.volr\\:text-xl{font-size:var(--volr-text-xl);line-height:var(--volr-tw-leading,var(--volr-text-xl--line-height))}.volr\\:text-xs{font-size:var(--volr-text-xs);line-height:var(--volr-tw-leading,var(--volr-text-xs--line-height))}.volr\\:leading-none{--volr-tw-leading:1;line-height:1}.volr\\:leading-relaxed{--volr-tw-leading:var(--volr-leading-relaxed);line-height:var(--volr-leading-relaxed)}.volr\\:font-bold{--volr-tw-font-weight:var(--volr-font-weight-bold);font-weight:var(--volr-font-weight-bold)}.volr\\:font-medium{--volr-tw-font-weight:var(--volr-font-weight-medium);font-weight:var(--volr-font-weight-medium)}.volr\\:font-semibold{--volr-tw-font-weight:var(--volr-font-weight-semibold);font-weight:var(--volr-font-weight-semibold)}.volr\\:tracking-tight{--volr-tw-tracking:var(--volr-tracking-tight);letter-spacing:var(--volr-tracking-tight)}.volr\\:tracking-wide{--volr-tw-tracking:var(--volr-tracking-wide);letter-spacing:var(--volr-tracking-wide)}.volr\\:tracking-wider{--volr-tw-tracking:var(--volr-tracking-wider);letter-spacing:var(--volr-tracking-wider)}.volr\\:break-all{word-break:break-all}.volr\\:text-amber-700{color:var(--volr-color-amber-700)}.volr\\:text-blue-700{color:var(--volr-color-blue-700)}.volr\\:text-emerald-600{color:var(--volr-color-emerald-600)}.volr\\:text-gray-500{color:var(--volr-color-gray-500)}.volr\\:text-green-600{color:var(--volr-color-green-600)}.volr\\:text-green-700{color:var(--volr-color-green-700)}.volr\\:text-red-500{color:var(--volr-color-red-500)}.volr\\:text-red-600{color:var(--volr-color-red-600)}.volr\\:text-red-700{color:var(--volr-color-red-700)}.volr\\:text-slate-300{color:var(--volr-color-slate-300)}.volr\\:text-slate-400{color:var(--volr-color-slate-400)}.volr\\:text-slate-500{color:var(--volr-color-slate-500)}.volr\\:text-slate-600{color:var(--volr-color-slate-600)}.volr\\:text-slate-700{color:var(--volr-color-slate-700)}.volr\\:text-slate-800{color:var(--volr-color-slate-800)}.volr\\:text-slate-900{color:var(--volr-color-slate-900)}.volr\\:text-white{color:var(--volr-color-white)}.volr\\:text-yellow-700{color:var(--volr-color-yellow-700)}.volr\\:capitalize{text-transform:capitalize}.volr\\:uppercase{text-transform:uppercase}.volr\\:underline{text-decoration-line:underline}.volr\\:opacity-0{opacity:0}.volr\\:opacity-25{opacity:.25}.volr\\:opacity-30{opacity:.3}.volr\\:opacity-50{opacity:.5}.volr\\:opacity-70{opacity:.7}.volr\\:opacity-75{opacity:.75}.volr\\:opacity-80{opacity:.8}.volr\\:shadow-2xl{--volr-tw-shadow:0 25px 50px -12px var(--volr-tw-shadow-color,#00000040);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-lg{--volr-tw-shadow:0 10px 15px -3px var(--volr-tw-shadow-color,#0000001a),0 4px 6px -4px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-sm{--volr-tw-shadow:0 1px 3px 0 var(--volr-tw-shadow-color,#0000001a),0 1px 2px -1px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-xl{--volr-tw-shadow:0 20px 25px -5px var(--volr-tw-shadow-color,#0000001a),0 8px 10px -6px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-emerald-500\\/50{--volr-tw-shadow-color:var(--volr-color-emerald-500)}@supports (color:color-mix(in lab, red, red)){.volr\\:shadow-emerald-500\\/50{--volr-tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--volr-color-emerald-500)50%,transparent)var(--volr-tw-shadow-alpha),transparent)}}.volr\\:blur-2xl{--volr-tw-blur:blur(var(--volr-blur-2xl));filter:var(--volr-tw-blur,)var(--volr-tw-brightness,)var(--volr-tw-contrast,)var(--volr-tw-grayscale,)var(--volr-tw-hue-rotate,)var(--volr-tw-invert,)var(--volr-tw-saturate,)var(--volr-tw-sepia,)var(--volr-tw-drop-shadow,)}.volr\\:transition-all{transition-property:all;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--volr-tw-gradient-from,--volr-tw-gradient-via,--volr-tw-gradient-to;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:duration-200{--volr-tw-duration:.2s;transition-duration:.2s}.volr\\:duration-300{--volr-tw-duration:.3s;transition-duration:.3s}.volr\\:duration-500{--volr-tw-duration:.5s;transition-duration:.5s}.volr\\:ease-out{--volr-tw-ease:var(--volr-ease-out);transition-timing-function:var(--volr-ease-out)}.volr\\:outline-none{--volr-tw-outline-style:none;outline-style:none}@media (hover:hover){.volr\\:hover\\:border-slate-300:hover{border-color:var(--volr-color-slate-300)}.volr\\:hover\\:bg-slate-50:hover{background-color:var(--volr-color-slate-50)}.volr\\:hover\\:bg-slate-200:hover{background-color:var(--volr-color-slate-200)}.volr\\:hover\\:text-slate-700:hover{color:var(--volr-color-slate-700)}}.volr\\:focus\\:ring-2:focus{--volr-tw-ring-shadow:var(--volr-tw-ring-inset,)0 0 0 calc(2px + var(--volr-tw-ring-offset-width))var(--volr-tw-ring-color,currentcolor);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:focus\\:ring-slate-300:focus{--volr-tw-ring-color:var(--volr-color-slate-300)}.volr\\:focus\\:outline-none:focus{--volr-tw-outline-style:none;outline-style:none}.volr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.volr\\:disabled\\:bg-slate-100:disabled{background-color:var(--volr-color-slate-100)}.volr\\:disabled\\:text-slate-400:disabled{color:var(--volr-color-slate-400)}.volr\\:disabled\\:opacity-50:disabled{opacity:.5}.volr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.volr-text-secondary{color:var(--volr-text-secondary)}.volr-text-muted{color:var(--volr-text-muted)}.volr-bg-secondary{background-color:var(--volr-bg-secondary)}.volr-bg-tertiary{background-color:var(--volr-bg-tertiary)}.volr-border{border-color:var(--volr-border)}.volr-border-strong{border-color:var(--volr-border-strong)}.volr-divider-line{background-color:var(--volr-border)}.volr-error{background-color:var(--volr-error-bg);border-color:var(--volr-error-border);color:var(--volr-error-text)}.volr-hint{background-color:var(--volr-hint-bg);border:1px solid var(--volr-hint-border);color:var(--volr-hint-text)}.volr-hover:hover{background-color:var(--volr-hover-bg)}.volr-surface{background-color:var(--volr-bg)}}@property --volr-tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --volr-tw-gradient-position{syntax:"*";inherits:false}@property --volr-tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-stops{syntax:"*";inherits:false}@property --volr-tw-gradient-via-stops{syntax:"*";inherits:false}@property --volr-tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --volr-tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --volr-tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --volr-tw-leading{syntax:"*";inherits:false}@property --volr-tw-font-weight{syntax:"*";inherits:false}@property --volr-tw-tracking{syntax:"*";inherits:false}@property --volr-tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-shadow-color{syntax:"*";inherits:false}@property --volr-tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-inset-shadow-color{syntax:"*";inherits:false}@property --volr-tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-ring-color{syntax:"*";inherits:false}@property --volr-tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-inset-ring-color{syntax:"*";inherits:false}@property --volr-tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-ring-inset{syntax:"*";inherits:false}@property --volr-tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --volr-tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --volr-tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-blur{syntax:"*";inherits:false}@property --volr-tw-brightness{syntax:"*";inherits:false}@property --volr-tw-contrast{syntax:"*";inherits:false}@property --volr-tw-grayscale{syntax:"*";inherits:false}@property --volr-tw-hue-rotate{syntax:"*";inherits:false}@property --volr-tw-invert{syntax:"*";inherits:false}@property --volr-tw-opacity{syntax:"*";inherits:false}@property --volr-tw-saturate{syntax:"*";inherits:false}@property --volr-tw-sepia{syntax:"*";inherits:false}@property --volr-tw-drop-shadow{syntax:"*";inherits:false}@property --volr-tw-drop-shadow-color{syntax:"*";inherits:false}@property --volr-tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-drop-shadow-size{syntax:"*";inherits:false}@property --volr-tw-duration{syntax:"*";inherits:false}@property --volr-tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}';
+var VOLR_SDK_CSS = '/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--volr-tw-translate-x:0;--volr-tw-translate-y:0;--volr-tw-translate-z:0;--volr-tw-space-y-reverse:0;--volr-tw-border-style:solid;--volr-tw-gradient-position:initial;--volr-tw-gradient-from:#0000;--volr-tw-gradient-via:#0000;--volr-tw-gradient-to:#0000;--volr-tw-gradient-stops:initial;--volr-tw-gradient-via-stops:initial;--volr-tw-gradient-from-position:0%;--volr-tw-gradient-via-position:50%;--volr-tw-gradient-to-position:100%;--volr-tw-leading:initial;--volr-tw-font-weight:initial;--volr-tw-tracking:initial;--volr-tw-shadow:0 0 #0000;--volr-tw-shadow-color:initial;--volr-tw-shadow-alpha:100%;--volr-tw-inset-shadow:0 0 #0000;--volr-tw-inset-shadow-color:initial;--volr-tw-inset-shadow-alpha:100%;--volr-tw-ring-color:initial;--volr-tw-ring-shadow:0 0 #0000;--volr-tw-inset-ring-color:initial;--volr-tw-inset-ring-shadow:0 0 #0000;--volr-tw-ring-inset:initial;--volr-tw-ring-offset-width:0px;--volr-tw-ring-offset-color:#fff;--volr-tw-ring-offset-shadow:0 0 #0000;--volr-tw-blur:initial;--volr-tw-brightness:initial;--volr-tw-contrast:initial;--volr-tw-grayscale:initial;--volr-tw-hue-rotate:initial;--volr-tw-invert:initial;--volr-tw-opacity:initial;--volr-tw-saturate:initial;--volr-tw-sepia:initial;--volr-tw-drop-shadow:initial;--volr-tw-drop-shadow-color:initial;--volr-tw-drop-shadow-alpha:100%;--volr-tw-drop-shadow-size:initial;--volr-tw-duration:initial;--volr-tw-ease:initial}}}@layer theme{:root,:host{--volr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--volr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--volr-color-red-50:oklch(97.1% .013 17.38);--volr-color-red-100:oklch(93.6% .032 17.717);--volr-color-red-200:oklch(88.5% .062 18.334);--volr-color-red-500:oklch(63.7% .237 25.331);--volr-color-red-600:oklch(57.7% .245 27.325);--volr-color-red-700:oklch(50.5% .213 27.518);--volr-color-amber-50:oklch(98.7% .022 95.277);--volr-color-amber-200:oklch(92.4% .12 95.746);--volr-color-amber-700:oklch(55.5% .163 48.998);--volr-color-yellow-100:oklch(97.3% .071 103.193);--volr-color-yellow-700:oklch(55.4% .135 66.442);--volr-color-green-50:oklch(98.2% .018 155.826);--volr-color-green-100:oklch(96.2% .044 156.743);--volr-color-green-600:oklch(62.7% .194 149.214);--volr-color-green-700:oklch(52.7% .154 150.069);--volr-color-emerald-300:oklch(84.5% .143 164.978);--volr-color-emerald-400:oklch(76.5% .177 163.223);--volr-color-emerald-500:oklch(69.6% .17 162.48);--volr-color-emerald-600:oklch(59.6% .145 163.225);--volr-color-teal-400:oklch(77.7% .152 181.912);--volr-color-teal-500:oklch(70.4% .14 182.503);--volr-color-cyan-400:oklch(78.9% .154 211.53);--volr-color-blue-100:oklch(93.2% .032 255.585);--volr-color-blue-700:oklch(48.8% .243 264.376);--volr-color-slate-50:oklch(98.4% .003 247.858);--volr-color-slate-100:oklch(96.8% .007 247.896);--volr-color-slate-200:oklch(92.9% .013 255.508);--volr-color-slate-300:oklch(86.9% .022 252.894);--volr-color-slate-400:oklch(70.4% .04 256.788);--volr-color-slate-500:oklch(55.4% .046 257.417);--volr-color-slate-600:oklch(44.6% .043 257.281);--volr-color-slate-700:oklch(37.2% .044 257.287);--volr-color-slate-800:oklch(27.9% .041 260.031);--volr-color-slate-900:oklch(20.8% .042 265.755);--volr-color-gray-500:oklch(55.1% .027 264.364);--volr-color-black:#000;--volr-color-white:#fff;--volr-spacing:.25rem;--volr-container-md:28rem;--volr-container-4xl:56rem;--volr-text-xs:.75rem;--volr-text-xs--line-height:calc(1/.75);--volr-text-sm:.875rem;--volr-text-sm--line-height:calc(1.25/.875);--volr-text-base:1rem;--volr-text-base--line-height:calc(1.5/1);--volr-text-lg:1.125rem;--volr-text-lg--line-height:calc(1.75/1.125);--volr-text-xl:1.25rem;--volr-text-xl--line-height:calc(1.75/1.25);--volr-text-2xl:1.5rem;--volr-text-2xl--line-height:calc(2/1.5);--volr-text-8xl:6rem;--volr-text-8xl--line-height:1;--volr-font-weight-medium:500;--volr-font-weight-semibold:600;--volr-font-weight-bold:700;--volr-tracking-tight:-.025em;--volr-tracking-wide:.025em;--volr-tracking-wider:.05em;--volr-leading-relaxed:1.625;--volr-radius-md:.375rem;--volr-radius-lg:.5rem;--volr-radius-xl:.75rem;--volr-radius-2xl:1rem;--volr-radius-3xl:1.5rem;--volr-ease-out:cubic-bezier(0,0,.2,1);--volr-animate-spin:spin 1s linear infinite;--volr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--volr-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--volr-blur-2xl:40px;--volr-default-transition-duration:.15s;--volr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--volr-default-font-family:var(--volr-font-sans);--volr-default-mono-font-family:var(--volr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--volr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--volr-default-font-feature-settings,normal);font-variation-settings:var(--volr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--volr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--volr-default-mono-font-feature-settings,normal);font-variation-settings:var(--volr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host{--volr-primary-color:var(--volr-accent-color,#303030);--volr-font-family:var(--volr-custom-font,inherit);--volr-bg:#fff;--volr-bg-secondary:#f8fafc;--volr-bg-tertiary:#f1f5f9;--volr-text:#0f172a;--volr-text-secondary:#475569;--volr-text-muted:#94a3b8;--volr-border:#e2e8f0;--volr-border-strong:#cbd5e1;--volr-hover-bg:#f8fafc;--volr-error-bg:#fef2f2;--volr-error-border:#fecaca;--volr-error-text:#991b1b;--volr-hint-bg:#f8fafc;--volr-hint-border:#e2e8f0;--volr-hint-text:#334155}:host([data-theme=dark]){--volr-bg:#1c1c1e;--volr-bg-secondary:#2c2c2e;--volr-bg-tertiary:#3a3a3c;--volr-text:#f5f5f7;--volr-text-secondary:#c7c7cc;--volr-text-muted:#8e8e93;--volr-border:#3a3a3c;--volr-border-strong:#48484a;--volr-hover-bg:#2c2c2e;--volr-error-bg:#3c1f1f;--volr-error-border:#7f1d1d;--volr-error-text:#fca5a5;--volr-hint-bg:#2c2c2e;--volr-hint-border:#3a3a3c;--volr-hint-text:#c7c7cc}*,:before,:after{box-sizing:border-box}*{font-family:var(--volr-font-family);color:var(--volr-text)}button,input,select,textarea{color:var(--volr-text);background-color:#0000}button{cursor:pointer;background-color:#0000}input::placeholder{color:var(--volr-text-muted)}h1,h2,h3{color:var(--volr-text);margin:0;font-weight:700}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}p{margin:0}}@layer components{.volr-dialog-overlay{inset:calc(var(--volr-spacing)*0);z-index:40;background-color:var(--volr-color-black);position:fixed}@supports (color:color-mix(in lab, red, red)){.volr-dialog-overlay{background-color:color-mix(in oklab,var(--volr-color-black)45%,transparent)}}.volr-dialog-content{z-index:50;border-radius:var(--volr-radius-2xl);border-style:var(--volr-tw-border-style);padding:calc(var(--volr-spacing)*7);--volr-tw-shadow:0 20px 25px -5px var(--volr-tw-shadow-color,#0000001a),0 8px 10px -6px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow);background-color:var(--volr-bg);border-width:1px;border-color:var(--volr-border-strong);width:calc(100% - 2rem);max-width:28rem;max-height:85vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@media (max-width:640px){.volr-dialog-content{top:auto;right:calc(var(--volr-spacing)*0);bottom:calc(var(--volr-spacing)*0);left:calc(var(--volr-spacing)*0);border-radius:1.25rem 1.25rem 0 0;width:100%;max-width:100%;margin:0 auto;transform:translateY(0)}}.volr-dialog-close{top:calc(var(--volr-spacing)*4);right:calc(var(--volr-spacing)*4);height:calc(var(--volr-spacing)*8);width:calc(var(--volr-spacing)*8);color:var(--volr-text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.volr-dialog-close:hover{background-color:var(--volr-hover-bg);color:var(--volr-text-secondary)}.volr-dialog-close:focus-visible{box-shadow:0 0 0 2px var(--volr-border-strong);outline:none}.volr-dialog-close-icon{height:calc(var(--volr-spacing)*4);width:calc(var(--volr-spacing)*4)}.volr-email-input{border:1px solid var(--volr-border-strong);background-color:var(--volr-bg);width:100%;color:var(--volr-text);border-radius:.5rem;outline:none;padding:.75rem .75rem .75rem 2.75rem;font-size:1rem;line-height:1.5}.volr-email-input::placeholder{color:var(--volr-text-muted)}.volr-email-input:focus{border-color:var(--volr-border-strong);box-shadow:0 0 0 2px var(--volr-border-strong)}.volr-option-button{border:1px solid var(--volr-border);background-color:var(--volr-bg);width:100%;color:var(--volr-text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;display:flex}.volr-option-button:hover{background-color:var(--volr-hover-bg);border-color:var(--volr-border)}.volr-option-button:focus-visible{box-shadow:0 0 0 2px var(--volr-border-strong);outline:none}}@layer utilities{.volr\\:pointer-events-auto{pointer-events:auto}.volr\\:pointer-events-none{pointer-events:none}.volr\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.volr\\:absolute{position:absolute}.volr\\:fixed{position:fixed}.volr\\:relative{position:relative}.volr\\:inset-0{inset:calc(var(--volr-spacing)*0)}.volr\\:-top-3{top:calc(var(--volr-spacing)*-3)}.volr\\:top-1\\/2{top:50%}.volr\\:-right-3{right:calc(var(--volr-spacing)*-3)}.volr\\:right-0{right:calc(var(--volr-spacing)*0)}.volr\\:right-2{right:calc(var(--volr-spacing)*2)}.volr\\:right-3{right:calc(var(--volr-spacing)*3)}.volr\\:bottom-0{bottom:calc(var(--volr-spacing)*0)}.volr\\:left-0{left:calc(var(--volr-spacing)*0)}.volr\\:left-3{left:calc(var(--volr-spacing)*3)}.volr\\:-z-10{z-index:calc(10*-1)}.volr\\:z-10{z-index:10}.volr\\:z-20{z-index:20}.volr\\:z-40{z-index:40}.volr\\:z-50{z-index:50}.volr\\:mx-auto{margin-inline:auto}.volr\\:my-6{margin-block:calc(var(--volr-spacing)*6)}.volr\\:mt-0\\.5{margin-top:calc(var(--volr-spacing)*.5)}.volr\\:mt-1{margin-top:calc(var(--volr-spacing)*1)}.volr\\:mt-2{margin-top:calc(var(--volr-spacing)*2)}.volr\\:mt-3{margin-top:calc(var(--volr-spacing)*3)}.volr\\:mt-4{margin-top:calc(var(--volr-spacing)*4)}.volr\\:mt-6{margin-top:calc(var(--volr-spacing)*6)}.volr\\:mt-8{margin-top:calc(var(--volr-spacing)*8)}.volr\\:mb-1{margin-bottom:calc(var(--volr-spacing)*1)}.volr\\:mb-2{margin-bottom:calc(var(--volr-spacing)*2)}.volr\\:mb-3{margin-bottom:calc(var(--volr-spacing)*3)}.volr\\:mb-4{margin-bottom:calc(var(--volr-spacing)*4)}.volr\\:mb-5{margin-bottom:calc(var(--volr-spacing)*5)}.volr\\:mb-6{margin-bottom:calc(var(--volr-spacing)*6)}.volr\\:mb-8{margin-bottom:calc(var(--volr-spacing)*8)}.volr\\:-ml-2{margin-left:calc(var(--volr-spacing)*-2)}.volr\\:ml-6{margin-left:calc(var(--volr-spacing)*6)}.volr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.volr\\:block{display:block}.volr\\:flex{display:flex}.volr\\:grid{display:grid}.volr\\:inline-block{display:inline-block}.volr\\:inline-flex{display:inline-flex}.volr\\:h-1{height:calc(var(--volr-spacing)*1)}.volr\\:h-1\\.5{height:calc(var(--volr-spacing)*1.5)}.volr\\:h-2{height:calc(var(--volr-spacing)*2)}.volr\\:h-3{height:calc(var(--volr-spacing)*3)}.volr\\:h-3\\.5{height:calc(var(--volr-spacing)*3.5)}.volr\\:h-4{height:calc(var(--volr-spacing)*4)}.volr\\:h-5{height:calc(var(--volr-spacing)*5)}.volr\\:h-6{height:calc(var(--volr-spacing)*6)}.volr\\:h-7{height:calc(var(--volr-spacing)*7)}.volr\\:h-8{height:calc(var(--volr-spacing)*8)}.volr\\:h-10{height:calc(var(--volr-spacing)*10)}.volr\\:h-12{height:calc(var(--volr-spacing)*12)}.volr\\:h-14{height:calc(var(--volr-spacing)*14)}.volr\\:h-16{height:calc(var(--volr-spacing)*16)}.volr\\:h-20{height:calc(var(--volr-spacing)*20)}.volr\\:h-24{height:calc(var(--volr-spacing)*24)}.volr\\:h-40{height:calc(var(--volr-spacing)*40)}.volr\\:h-44{height:calc(var(--volr-spacing)*44)}.volr\\:h-48{height:calc(var(--volr-spacing)*48)}.volr\\:h-\\[0\\.8em\\]{height:.8em}.volr\\:h-\\[200px\\]{height:200px}.volr\\:h-full{height:100%}.volr\\:h-px{height:1px}.volr\\:max-h-48{max-height:calc(var(--volr-spacing)*48)}.volr\\:max-h-60{max-height:calc(var(--volr-spacing)*60)}.volr\\:max-h-64{max-height:calc(var(--volr-spacing)*64)}.volr\\:max-h-\\[85vh\\]{max-height:85vh}.volr\\:max-h-\\[90vh\\]{max-height:90vh}.volr\\:min-h-\\[100px\\]{min-height:100px}.volr\\:min-h-\\[120px\\]{min-height:120px}.volr\\:min-h-\\[500px\\]{min-height:500px}.volr\\:w-1\\.5{width:calc(var(--volr-spacing)*1.5)}.volr\\:w-2{width:calc(var(--volr-spacing)*2)}.volr\\:w-3{width:calc(var(--volr-spacing)*3)}.volr\\:w-3\\.5{width:calc(var(--volr-spacing)*3.5)}.volr\\:w-4{width:calc(var(--volr-spacing)*4)}.volr\\:w-5{width:calc(var(--volr-spacing)*5)}.volr\\:w-6{width:calc(var(--volr-spacing)*6)}.volr\\:w-7{width:calc(var(--volr-spacing)*7)}.volr\\:w-8{width:calc(var(--volr-spacing)*8)}.volr\\:w-10{width:calc(var(--volr-spacing)*10)}.volr\\:w-12{width:calc(var(--volr-spacing)*12)}.volr\\:w-14{width:calc(var(--volr-spacing)*14)}.volr\\:w-16{width:calc(var(--volr-spacing)*16)}.volr\\:w-20{width:calc(var(--volr-spacing)*20)}.volr\\:w-24{width:calc(var(--volr-spacing)*24)}.volr\\:w-32{width:calc(var(--volr-spacing)*32)}.volr\\:w-36{width:calc(var(--volr-spacing)*36)}.volr\\:w-40{width:calc(var(--volr-spacing)*40)}.volr\\:w-44{width:calc(var(--volr-spacing)*44)}.volr\\:w-48{width:calc(var(--volr-spacing)*48)}.volr\\:w-\\[200px\\]{width:200px}.volr\\:w-auto{width:auto}.volr\\:w-full{width:100%}.volr\\:max-w-4xl{max-width:var(--volr-container-4xl)}.volr\\:max-w-full{max-width:100%}.volr\\:max-w-md{max-width:var(--volr-container-md)}.volr\\:max-w-none{max-width:none}.volr\\:min-w-0{min-width:calc(var(--volr-spacing)*0)}.volr\\:flex-1{flex:1}.volr\\:flex-shrink-0,.volr\\:shrink-0{flex-shrink:0}.volr\\:-translate-y-1\\/2{--volr-tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--volr-tw-translate-x)var(--volr-tw-translate-y)}.volr\\:rotate-90{rotate:90deg}.volr\\:rotate-180{rotate:180deg}.volr\\:animate-ping{animation:var(--volr-animate-ping)}.volr\\:animate-pulse{animation:var(--volr-animate-pulse)}.volr\\:animate-spin{animation:var(--volr-animate-spin)}.volr\\:cursor-not-allowed{cursor:not-allowed}.volr\\:cursor-pointer{cursor:pointer}.volr\\:list-inside{list-style-position:inside}.volr\\:list-decimal{list-style-type:decimal}.volr\\:grid-cols-\\[minmax\\(0\\,1\\.1fr\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.volr\\:flex-col{flex-direction:column}.volr\\:items-baseline{align-items:baseline}.volr\\:items-center{align-items:center}.volr\\:items-end{align-items:flex-end}.volr\\:items-start{align-items:flex-start}.volr\\:justify-between{justify-content:space-between}.volr\\:justify-center{justify-content:center}.volr\\:gap-1{gap:calc(var(--volr-spacing)*1)}.volr\\:gap-2{gap:calc(var(--volr-spacing)*2)}.volr\\:gap-3{gap:calc(var(--volr-spacing)*3)}.volr\\:gap-4{gap:calc(var(--volr-spacing)*4)}:where(.volr\\:space-y-1>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*1)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*1)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-2>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*2)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*2)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-3>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*3)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*3)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-4>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*4)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*4)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-5>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*5)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*5)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-6>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*6)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*6)*calc(1 - var(--volr-tw-space-y-reverse)))}.volr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volr\\:overflow-auto{overflow:auto}.volr\\:overflow-hidden{overflow:hidden}.volr\\:overflow-visible{overflow:visible}.volr\\:overflow-x-auto{overflow-x:auto}.volr\\:overflow-y-auto{overflow-y:auto}.volr\\:rounded{border-radius:.25rem}.volr\\:rounded-2xl{border-radius:var(--volr-radius-2xl)}.volr\\:rounded-full{border-radius:3.40282e38px}.volr\\:rounded-lg{border-radius:var(--volr-radius-lg)}.volr\\:rounded-md{border-radius:var(--volr-radius-md)}.volr\\:rounded-xl{border-radius:var(--volr-radius-xl)}.volr\\:rounded-t-2xl{border-top-left-radius:var(--volr-radius-2xl);border-top-right-radius:var(--volr-radius-2xl)}.volr\\:rounded-t-3xl{border-top-left-radius:var(--volr-radius-3xl);border-top-right-radius:var(--volr-radius-3xl)}.volr\\:border{border-style:var(--volr-tw-border-style);border-width:1px}.volr\\:border-2{border-style:var(--volr-tw-border-style);border-width:2px}.volr\\:border-4{border-style:var(--volr-tw-border-style);border-width:4px}.volr\\:border-y{border-block-style:var(--volr-tw-border-style);border-block-width:1px}.volr\\:border-t{border-top-style:var(--volr-tw-border-style);border-top-width:1px}.volr\\:border-b{border-bottom-style:var(--volr-tw-border-style);border-bottom-width:1px}.volr\\:border-amber-200{border-color:var(--volr-color-amber-200)}.volr\\:border-red-200{border-color:var(--volr-color-red-200)}.volr\\:border-red-500{border-color:var(--volr-color-red-500)}.volr\\:border-slate-100{border-color:var(--volr-color-slate-100)}.volr\\:border-slate-200{border-color:var(--volr-color-slate-200)}.volr\\:border-slate-300{border-color:var(--volr-color-slate-300)}.volr\\:border-transparent{border-color:#0000}.volr\\:border-white{border-color:var(--volr-color-white)}.volr\\:border-t-slate-600{border-top-color:var(--volr-color-slate-600)}.volr\\:border-t-slate-900{border-top-color:var(--volr-color-slate-900)}.volr\\:bg-amber-50{background-color:var(--volr-color-amber-50)}.volr\\:bg-black\\/45{background-color:var(--volr-color-black)}@supports (color:color-mix(in lab, red, red)){.volr\\:bg-black\\/45{background-color:color-mix(in oklab,var(--volr-color-black)45%,transparent)}}.volr\\:bg-blue-100{background-color:var(--volr-color-blue-100)}.volr\\:bg-cyan-400{background-color:var(--volr-color-cyan-400)}.volr\\:bg-emerald-300{background-color:var(--volr-color-emerald-300)}.volr\\:bg-emerald-400{background-color:var(--volr-color-emerald-400)}.volr\\:bg-emerald-500{background-color:var(--volr-color-emerald-500)}.volr\\:bg-green-50{background-color:var(--volr-color-green-50)}.volr\\:bg-green-100{background-color:var(--volr-color-green-100)}.volr\\:bg-red-50{background-color:var(--volr-color-red-50)}.volr\\:bg-red-100{background-color:var(--volr-color-red-100)}.volr\\:bg-slate-50{background-color:var(--volr-color-slate-50)}.volr\\:bg-slate-100{background-color:var(--volr-color-slate-100)}.volr\\:bg-slate-200{background-color:var(--volr-color-slate-200)}.volr\\:bg-slate-900{background-color:var(--volr-color-slate-900)}.volr\\:bg-teal-400{background-color:var(--volr-color-teal-400)}.volr\\:bg-white{background-color:var(--volr-color-white)}.volr\\:bg-yellow-100{background-color:var(--volr-color-yellow-100)}.volr\\:bg-linear-to-br{--volr-tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.volr\\:bg-linear-to-br{--volr-tw-gradient-position:to bottom right in oklab}}.volr\\:bg-linear-to-br{background-image:linear-gradient(var(--volr-tw-gradient-stops))}.volr\\:bg-linear-to-r{--volr-tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.volr\\:bg-linear-to-r{--volr-tw-gradient-position:to right in oklab}}.volr\\:bg-linear-to-r{background-image:linear-gradient(var(--volr-tw-gradient-stops))}.volr\\:from-emerald-400{--volr-tw-gradient-from:var(--volr-color-emerald-400);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:to-teal-500{--volr-tw-gradient-to:var(--volr-color-teal-500);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:object-cover{object-fit:cover}.volr\\:p-1{padding:calc(var(--volr-spacing)*1)}.volr\\:p-2{padding:calc(var(--volr-spacing)*2)}.volr\\:p-3{padding:calc(var(--volr-spacing)*3)}.volr\\:p-4{padding:calc(var(--volr-spacing)*4)}.volr\\:p-5{padding:calc(var(--volr-spacing)*5)}.volr\\:p-8{padding:calc(var(--volr-spacing)*8)}.volr\\:px-1\\.5{padding-inline:calc(var(--volr-spacing)*1.5)}.volr\\:px-2{padding-inline:calc(var(--volr-spacing)*2)}.volr\\:px-3{padding-inline:calc(var(--volr-spacing)*3)}.volr\\:px-4{padding-inline:calc(var(--volr-spacing)*4)}.volr\\:px-5{padding-inline:calc(var(--volr-spacing)*5)}.volr\\:px-6{padding-inline:calc(var(--volr-spacing)*6)}.volr\\:py-0\\.5{padding-block:calc(var(--volr-spacing)*.5)}.volr\\:py-1{padding-block:calc(var(--volr-spacing)*1)}.volr\\:py-1\\.5{padding-block:calc(var(--volr-spacing)*1.5)}.volr\\:py-2{padding-block:calc(var(--volr-spacing)*2)}.volr\\:py-2\\.5{padding-block:calc(var(--volr-spacing)*2.5)}.volr\\:py-3{padding-block:calc(var(--volr-spacing)*3)}.volr\\:py-4{padding-block:calc(var(--volr-spacing)*4)}.volr\\:py-6{padding-block:calc(var(--volr-spacing)*6)}.volr\\:py-7{padding-block:calc(var(--volr-spacing)*7)}.volr\\:py-8{padding-block:calc(var(--volr-spacing)*8)}.volr\\:py-12{padding-block:calc(var(--volr-spacing)*12)}.volr\\:pt-1{padding-top:calc(var(--volr-spacing)*1)}.volr\\:pt-2{padding-top:calc(var(--volr-spacing)*2)}.volr\\:pt-3{padding-top:calc(var(--volr-spacing)*3)}.volr\\:pt-4{padding-top:calc(var(--volr-spacing)*4)}.volr\\:pr-3{padding-right:calc(var(--volr-spacing)*3)}.volr\\:pr-16{padding-right:calc(var(--volr-spacing)*16)}.volr\\:pl-11{padding-left:calc(var(--volr-spacing)*11)}.volr\\:text-center{text-align:center}.volr\\:text-left{text-align:left}.volr\\:text-right{text-align:right}.volr\\:align-baseline{vertical-align:baseline}.volr\\:font-mono{font-family:var(--volr-font-mono)}.volr\\:text-2xl{font-size:var(--volr-text-2xl);line-height:var(--volr-tw-leading,var(--volr-text-2xl--line-height))}.volr\\:text-8xl{font-size:var(--volr-text-8xl);line-height:var(--volr-tw-leading,var(--volr-text-8xl--line-height))}.volr\\:text-base{font-size:var(--volr-text-base);line-height:var(--volr-tw-leading,var(--volr-text-base--line-height))}.volr\\:text-lg{font-size:var(--volr-text-lg);line-height:var(--volr-tw-leading,var(--volr-text-lg--line-height))}.volr\\:text-sm{font-size:var(--volr-text-sm);line-height:var(--volr-tw-leading,var(--volr-text-sm--line-height))}.volr\\:text-xl{font-size:var(--volr-text-xl);line-height:var(--volr-tw-leading,var(--volr-text-xl--line-height))}.volr\\:text-xs{font-size:var(--volr-text-xs);line-height:var(--volr-tw-leading,var(--volr-text-xs--line-height))}.volr\\:leading-relaxed{--volr-tw-leading:var(--volr-leading-relaxed);line-height:var(--volr-leading-relaxed)}.volr\\:font-bold{--volr-tw-font-weight:var(--volr-font-weight-bold);font-weight:var(--volr-font-weight-bold)}.volr\\:font-medium{--volr-tw-font-weight:var(--volr-font-weight-medium);font-weight:var(--volr-font-weight-medium)}.volr\\:font-semibold{--volr-tw-font-weight:var(--volr-font-weight-semibold);font-weight:var(--volr-font-weight-semibold)}.volr\\:tracking-tight{--volr-tw-tracking:var(--volr-tracking-tight);letter-spacing:var(--volr-tracking-tight)}.volr\\:tracking-wide{--volr-tw-tracking:var(--volr-tracking-wide);letter-spacing:var(--volr-tracking-wide)}.volr\\:tracking-wider{--volr-tw-tracking:var(--volr-tracking-wider);letter-spacing:var(--volr-tracking-wider)}.volr\\:break-all{word-break:break-all}.volr\\:text-amber-700{color:var(--volr-color-amber-700)}.volr\\:text-blue-700{color:var(--volr-color-blue-700)}.volr\\:text-emerald-600{color:var(--volr-color-emerald-600)}.volr\\:text-gray-500{color:var(--volr-color-gray-500)}.volr\\:text-green-600{color:var(--volr-color-green-600)}.volr\\:text-green-700{color:var(--volr-color-green-700)}.volr\\:text-red-500{color:var(--volr-color-red-500)}.volr\\:text-red-600{color:var(--volr-color-red-600)}.volr\\:text-red-700{color:var(--volr-color-red-700)}.volr\\:text-slate-300{color:var(--volr-color-slate-300)}.volr\\:text-slate-400{color:var(--volr-color-slate-400)}.volr\\:text-slate-500{color:var(--volr-color-slate-500)}.volr\\:text-slate-600{color:var(--volr-color-slate-600)}.volr\\:text-slate-700{color:var(--volr-color-slate-700)}.volr\\:text-slate-800{color:var(--volr-color-slate-800)}.volr\\:text-slate-900{color:var(--volr-color-slate-900)}.volr\\:text-white{color:var(--volr-color-white)}.volr\\:text-yellow-700{color:var(--volr-color-yellow-700)}.volr\\:capitalize{text-transform:capitalize}.volr\\:uppercase{text-transform:uppercase}.volr\\:underline{text-decoration-line:underline}.volr\\:underline-offset-4{text-underline-offset:4px}.volr\\:opacity-0{opacity:0}.volr\\:opacity-25{opacity:.25}.volr\\:opacity-30{opacity:.3}.volr\\:opacity-50{opacity:.5}.volr\\:opacity-70{opacity:.7}.volr\\:opacity-75{opacity:.75}.volr\\:opacity-80{opacity:.8}.volr\\:shadow-2xl{--volr-tw-shadow:0 25px 50px -12px var(--volr-tw-shadow-color,#00000040);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-lg{--volr-tw-shadow:0 10px 15px -3px var(--volr-tw-shadow-color,#0000001a),0 4px 6px -4px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-sm{--volr-tw-shadow:0 1px 3px 0 var(--volr-tw-shadow-color,#0000001a),0 1px 2px -1px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-xl{--volr-tw-shadow:0 20px 25px -5px var(--volr-tw-shadow-color,#0000001a),0 8px 10px -6px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-emerald-500\\/50{--volr-tw-shadow-color:var(--volr-color-emerald-500)}@supports (color:color-mix(in lab, red, red)){.volr\\:shadow-emerald-500\\/50{--volr-tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--volr-color-emerald-500)50%,transparent)var(--volr-tw-shadow-alpha),transparent)}}.volr\\:blur-2xl{--volr-tw-blur:blur(var(--volr-blur-2xl));filter:var(--volr-tw-blur,)var(--volr-tw-brightness,)var(--volr-tw-contrast,)var(--volr-tw-grayscale,)var(--volr-tw-hue-rotate,)var(--volr-tw-invert,)var(--volr-tw-saturate,)var(--volr-tw-sepia,)var(--volr-tw-drop-shadow,)}.volr\\:transition-all{transition-property:all;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--volr-tw-gradient-from,--volr-tw-gradient-via,--volr-tw-gradient-to;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:duration-200{--volr-tw-duration:.2s;transition-duration:.2s}.volr\\:duration-300{--volr-tw-duration:.3s;transition-duration:.3s}.volr\\:duration-500{--volr-tw-duration:.5s;transition-duration:.5s}.volr\\:ease-out{--volr-tw-ease:var(--volr-ease-out);transition-timing-function:var(--volr-ease-out)}.volr\\:outline-none{--volr-tw-outline-style:none;outline-style:none}@media (hover:hover){.volr\\:hover\\:border-slate-300:hover{border-color:var(--volr-color-slate-300)}.volr\\:hover\\:bg-slate-50:hover{background-color:var(--volr-color-slate-50)}.volr\\:hover\\:bg-slate-200:hover{background-color:var(--volr-color-slate-200)}.volr\\:hover\\:text-slate-700:hover{color:var(--volr-color-slate-700)}}.volr\\:focus\\:ring-2:focus{--volr-tw-ring-shadow:var(--volr-tw-ring-inset,)0 0 0 calc(2px + var(--volr-tw-ring-offset-width))var(--volr-tw-ring-color,currentcolor);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:focus\\:ring-slate-300:focus{--volr-tw-ring-color:var(--volr-color-slate-300)}.volr\\:focus\\:outline-none:focus{--volr-tw-outline-style:none;outline-style:none}.volr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.volr\\:disabled\\:bg-slate-100:disabled{background-color:var(--volr-color-slate-100)}.volr\\:disabled\\:text-slate-400:disabled{color:var(--volr-color-slate-400)}.volr\\:disabled\\:opacity-50:disabled{opacity:.5}.volr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.volr-text-secondary{color:var(--volr-text-secondary)}.volr-text-muted{color:var(--volr-text-muted)}.volr-bg-secondary{background-color:var(--volr-bg-secondary)}.volr-bg-tertiary{background-color:var(--volr-bg-tertiary)}.volr-border{border-color:var(--volr-border)}.volr-border-strong{border-color:var(--volr-border-strong)}.volr-divider-line{background-color:var(--volr-border)}.volr-error{background-color:var(--volr-error-bg);border-color:var(--volr-error-border);color:var(--volr-error-text)}.volr-hint{background-color:var(--volr-hint-bg);border:1px solid var(--volr-hint-border);color:var(--volr-hint-text)}.volr-hover:hover{background-color:var(--volr-hover-bg)}.volr-surface{background-color:var(--volr-bg)}}@property --volr-tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --volr-tw-gradient-position{syntax:"*";inherits:false}@property --volr-tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-stops{syntax:"*";inherits:false}@property --volr-tw-gradient-via-stops{syntax:"*";inherits:false}@property --volr-tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --volr-tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --volr-tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --volr-tw-leading{syntax:"*";inherits:false}@property --volr-tw-font-weight{syntax:"*";inherits:false}@property --volr-tw-tracking{syntax:"*";inherits:false}@property --volr-tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-shadow-color{syntax:"*";inherits:false}@property --volr-tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-inset-shadow-color{syntax:"*";inherits:false}@property --volr-tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-ring-color{syntax:"*";inherits:false}@property --volr-tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-inset-ring-color{syntax:"*";inherits:false}@property --volr-tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-ring-inset{syntax:"*";inherits:false}@property --volr-tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --volr-tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --volr-tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-blur{syntax:"*";inherits:false}@property --volr-tw-brightness{syntax:"*";inherits:false}@property --volr-tw-contrast{syntax:"*";inherits:false}@property --volr-tw-grayscale{syntax:"*";inherits:false}@property --volr-tw-hue-rotate{syntax:"*";inherits:false}@property --volr-tw-invert{syntax:"*";inherits:false}@property --volr-tw-opacity{syntax:"*";inherits:false}@property --volr-tw-saturate{syntax:"*";inherits:false}@property --volr-tw-sepia{syntax:"*";inherits:false}@property --volr-tw-drop-shadow{syntax:"*";inherits:false}@property --volr-tw-drop-shadow-color{syntax:"*";inherits:false}@property --volr-tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-drop-shadow-size{syntax:"*";inherits:false}@property --volr-tw-duration{syntax:"*";inherits:false}@property --volr-tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}';
 function useResolvedTheme(theme = "light") {
-  const [resolvedTheme, setResolvedTheme] = React14.useState(() => {
+  const [resolvedTheme, setResolvedTheme] = React15.useState(() => {
     if (theme !== "system") return theme;
     if (typeof window === "undefined") return "light";
     return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   });
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (theme !== "system") {
       setResolvedTheme(theme);
       return;
@@ -1251,10 +1253,10 @@ function useResolvedTheme(theme = "light") {
   return resolvedTheme;
 }
 function ShadowPortal({ children, theme = "light" }) {
-  const [mountNode, setMountNode] = React14.useState(null);
-  const hostRef = React14.useRef(null);
+  const [mountNode, setMountNode] = React15.useState(null);
+  const hostRef = React15.useRef(null);
   const resolvedTheme = useResolvedTheme(theme);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const host = document.createElement("div");
     host.id = "volr-shadow-portal";
     host.style.position = "fixed";
@@ -1278,7 +1280,7 @@ function ShadowPortal({ children, theme = "light" }) {
       hostRef.current = null;
     };
   }, []);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (hostRef.current) {
       hostRef.current.setAttribute("data-theme", resolvedTheme);
     }
@@ -1287,7 +1289,7 @@ function ShadowPortal({ children, theme = "light" }) {
   return reactDom.createPortal(children, mountNode);
 }
 function useFocusTrap(isActive, containerRef) {
-  const previousActiveElement = React14.useRef(null);
+  const previousActiveElement = React15.useRef(null);
   const focusableSelector = [
     "button:not([disabled])",
     "input:not([disabled])",
@@ -1296,7 +1298,7 @@ function useFocusTrap(isActive, containerRef) {
     "a[href]",
     '[tabindex]:not([tabindex="-1"])'
   ].join(", ");
-  const getFocusableElements = React14.useCallback(() => {
+  const getFocusableElements = React15.useCallback(() => {
     if (!containerRef.current) return [];
     return Array.from(
       containerRef.current.querySelectorAll(focusableSelector)
@@ -1304,7 +1306,7 @@ function useFocusTrap(isActive, containerRef) {
       return el.offsetParent !== null;
     });
   }, [containerRef, focusableSelector]);
-  const handleKeyDown = React14.useCallback(
+  const handleKeyDown = React15.useCallback(
     (event) => {
       if (event.key !== "Tab") return;
       const focusableElements = getFocusableElements();
@@ -1325,7 +1327,7 @@ function useFocusTrap(isActive, containerRef) {
     },
     [getFocusableElements]
   );
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isActive) return;
     previousActiveElement.current = document.activeElement;
     const focusableElements = getFocusableElements();
@@ -1356,12 +1358,12 @@ var Modal = ({
 }) => {
   const isMobile2 = useMediaQuery("(max-width: 500px)");
   const variant = explicitVariant ?? (isMobile2 ? "bottom-sheet" : "centered");
-  const dialogRef = React14.useRef(null);
-  const dialogId = React14.useId();
+  const dialogRef = React15.useRef(null);
+  const dialogId = React15.useId();
   const uiContext = useVolrUIOptional();
   const theme = uiContext?.theme ?? "light";
   useFocusTrap(open, dialogRef);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
         if (onEscapeKeyDown) {
@@ -1944,7 +1946,7 @@ var variantMap = {
   ghost: { backgroundColor: "transparent", color: "var(--volr-text-secondary)", border: "none" },
   outline: { backgroundColor: "transparent", color: "var(--volr-text-secondary)", border: "1px solid var(--volr-border)" }
 };
-var Button = React14__default.default.forwardRef(
+var Button = React15__default.default.forwardRef(
   ({ variant = "primary", size = "md", fullWidth, className, style, disabled, children, ...props }, ref) => {
     const { accentColor } = useVolrUI();
     const sizeStyle = sizeMap[size];
@@ -2145,11 +2147,11 @@ function PasskeyMigrationView({
   wrapInModal = true
 }) {
   const { t } = useI18n();
-  const [isMigrating, setIsMigrating] = React14.useState(false);
-  const [isComplete, setIsComplete] = React14.useState(false);
-  const [error, setError] = React14.useState(null);
+  const [isMigrating, setIsMigrating] = React15.useState(false);
+  const [isComplete, setIsComplete] = React15.useState(false);
+  const [error, setError] = React15.useState(null);
   const biometricType = getBiometricType();
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     const handler = (event) => {
       if (event.data?.type === "VOLR_MIGRATION_DONE") {
@@ -2160,7 +2162,7 @@ function PasskeyMigrationView({
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, []);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (isComplete) {
       const timer = setTimeout(() => {
         if (onComplete) {
@@ -2184,7 +2186,7 @@ function PasskeyMigrationView({
       }
     }
   };
-  const handleDone = React14.useCallback(() => {
+  const handleDone = React15.useCallback(() => {
     if (onComplete) {
       onComplete();
     }
@@ -2281,22 +2283,22 @@ function PasskeyEnrollView({
     isEnrolling,
     error: enrollmentError
   } = react.usePasskeyEnrollment();
-  const [hasStarted, setHasStarted] = React14.useState(false);
-  const [errorMessage, setErrorMessage] = React14.useState(null);
-  const [isRefreshing, setIsRefreshing] = React14.useState(false);
+  const [hasStarted, setHasStarted] = React15.useState(false);
+  const [errorMessage, setErrorMessage] = React15.useState(null);
+  const [isRefreshing, setIsRefreshing] = React15.useState(false);
   const biometricType = getBiometricType();
-  const compatibility = React14.useMemo(() => react.checkPrfCompatibility(), []);
-  const [hasPrfError, setHasPrfError] = React14.useState(false);
-  const platformHint = React14.useMemo(
+  const compatibility = React15.useMemo(() => react.checkPrfCompatibility(), []);
+  const [hasPrfError, setHasPrfError] = React15.useState(false);
+  const platformHint = React15.useMemo(
     () => hasPrfError ? react.getPlatformHint(compatibility.platform) : { hintKey: "", noteKey: "" },
     [compatibility.platform, hasPrfError]
   );
   const hasPasskey = user?.keyStorageType === "passkey";
-  const currentDomain = React14.useMemo(() => {
+  const currentDomain = React15.useMemo(() => {
     if (typeof window === "undefined") return "localhost";
     return window.location.hostname;
   }, []);
-  const migrationInfo = React14.useMemo(() => {
+  const migrationInfo = React15.useMemo(() => {
     if (!user?.registeredPasskeys || user.registeredPasskeys.length === 0) {
       return { needsMigration: false, sourcePasskey: null };
     }
@@ -2309,7 +2311,7 @@ function PasskeyEnrollView({
     const sourcePasskey = user.registeredPasskeys[0];
     return { needsMigration: true, sourcePasskey };
   }, [user?.registeredPasskeys, currentDomain]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     console.log("[PasskeyEnrollView] User state:", {
       user,
       keyStorageType: user?.keyStorageType,
@@ -2320,7 +2322,7 @@ function PasskeyEnrollView({
       migrationInfo
     });
   }, [user, hasPasskey, currentDomain, migrationInfo]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (hasPasskey && !user?.evmAddress && !isRefreshing) {
       const refreshUserData = async () => {
         try {
@@ -2351,7 +2353,7 @@ function PasskeyEnrollView({
       refreshUserData();
     }
   }, [hasPasskey, user?.evmAddress, isRefreshing, client, setUser, user]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!user?.id) {
       const error = new Error("User ID is required for passkey enrollment");
       setErrorMessage(getUserFriendlyError(error, t));
@@ -2360,7 +2362,7 @@ function PasskeyEnrollView({
       }
     }
   }, [user, onError, t]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (enrollmentError) {
       const friendlyMessage = getUserFriendlyError(enrollmentError, t);
       setErrorMessage(friendlyMessage);
@@ -2639,7 +2641,7 @@ function MigrationTargetView({
   const biometricType = getBiometricType();
   const isProcessing = step !== "ready" && step !== "error" && step !== "success";
   const progress = STEP_PROGRESS2[step];
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (step === "success" && onAutoClose) {
       const timer = setTimeout(() => {
         onAutoClose();
@@ -2719,8 +2721,8 @@ function MpcConnectView({
     isConnecting,
     error: connectionError
   } = react.useMpcConnection();
-  const [errorMessage, setErrorMessage] = React14.useState(null);
-  React14.useEffect(() => {
+  const [errorMessage, setErrorMessage] = React15.useState(null);
+  React15.useEffect(() => {
     if (connectionError) {
       setErrorMessage(connectionError.message);
       if (onError) {
@@ -2728,7 +2730,7 @@ function MpcConnectView({
       }
     }
   }, [connectionError, onError]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     handleConnect();
   }, []);
   const handleConnect = async () => {
@@ -2959,9 +2961,9 @@ function PoweredBy() {
 }
 function EmailInlineInput({ onSubmit, accentColor }) {
   const { t } = useI18n();
-  const [email, setEmail] = React14.useState("");
-  const [error, setError] = React14.useState(null);
-  const [isLoading, setIsLoading] = React14.useState(false);
+  const [email, setEmail] = React15.useState("");
+  const [error, setError] = React15.useState(null);
+  const [isLoading, setIsLoading] = React15.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -3085,14 +3087,14 @@ function SigninSelectScreen({
 function CodeInputScreen({ email, onSubmit, onResend }) {
   const { t } = useI18n();
   const { accentColor } = useVolrUI();
-  const [digits, setDigits] = React14.useState(Array(6).fill(""));
-  const [error, setError] = React14.useState(null);
-  const [isLoading, setIsLoading] = React14.useState(false);
-  const inputRefs = React14.useRef([]);
-  React14.useEffect(() => {
+  const [digits, setDigits] = React15.useState(Array(6).fill(""));
+  const [error, setError] = React15.useState(null);
+  const [isLoading, setIsLoading] = React15.useState(false);
+  const inputRefs = React15.useRef([]);
+  React15.useEffect(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const code = digits.join("");
     if (code.length === 6 && !isLoading) {
       handleSubmit(code);
@@ -3204,7 +3206,7 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
   ] });
 }
 var CopyButton = ({ text, className, onCopy }) => {
-  const [copied, setCopied] = React14.useState(false);
+  const [copied, setCopied] = React15.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(text);
@@ -3283,23 +3285,23 @@ function SiweLoginScreen({
     checkSiweSession,
     getSiweSignUrl
   } = react.useVolrLogin();
-  const [isLoading, setIsLoading] = React14.useState(false);
-  const [loadingWallet, setLoadingWallet] = React14.useState(null);
-  const [error, setError] = React14.useState(null);
-  const [providers, setProviders] = React14.useState([]);
-  const [isDetecting, setIsDetecting] = React14.useState(true);
-  const [hasLegacyWallet, setHasLegacyWallet] = React14.useState(false);
-  const [showOtherWallet, setShowOtherWallet] = React14.useState(false);
-  const [sessionUrl, setSessionUrl] = React14.useState(null);
-  const [isPolling, setIsPolling] = React14.useState(false);
-  const pollingRef = React14.useRef(null);
-  const sessionCreatedRef = React14.useRef(false);
-  React14.useEffect(() => {
+  const [isLoading, setIsLoading] = React15.useState(false);
+  const [loadingWallet, setLoadingWallet] = React15.useState(null);
+  const [error, setError] = React15.useState(null);
+  const [providers, setProviders] = React15.useState([]);
+  const [isDetecting, setIsDetecting] = React15.useState(true);
+  const [hasLegacyWallet, setHasLegacyWallet] = React15.useState(false);
+  const [showOtherWallet, setShowOtherWallet] = React15.useState(false);
+  const [sessionUrl, setSessionUrl] = React15.useState(null);
+  const [isPolling, setIsPolling] = React15.useState(false);
+  const pollingRef = React15.useRef(null);
+  const sessionCreatedRef = React15.useRef(false);
+  React15.useEffect(() => {
     return () => {
       if (pollingRef.current) clearInterval(pollingRef.current);
     };
   }, []);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (typeof window === "undefined") {
       setIsDetecting(false);
       return;
@@ -3325,7 +3327,7 @@ function SiweLoginScreen({
     };
   }, []);
   const hasAnyWallet = providers.length > 0 || hasLegacyWallet;
-  const createSession = React14.useCallback(async () => {
+  const createSession = React15.useCallback(async () => {
     if (sessionCreatedRef.current || sessionUrl) return;
     sessionCreatedRef.current = true;
     try {
@@ -3367,17 +3369,17 @@ function SiweLoginScreen({
       onError(err instanceof Error ? err : new Error("Failed to create session"));
     }
   }, [createSiweSession, getSiweSignUrl, checkSiweSession, onSuccess, onError, t, sessionUrl]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isDetecting && !hasAnyWallet && !sessionUrl) {
       createSession();
     }
   }, [isDetecting, hasAnyWallet, sessionUrl, createSession]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (showOtherWallet && !sessionUrl) {
       createSession();
     }
   }, [showOtherWallet, sessionUrl, createSession]);
-  const handleWalletClick = React14.useCallback(async (provider, walletName, walletConnector) => {
+  const handleWalletClick = React15.useCallback(async (provider, walletName, walletConnector) => {
     setError(null);
     setIsLoading(true);
     setLoadingWallet(walletName);
@@ -3401,7 +3403,7 @@ function SiweLoginScreen({
       setLoadingWallet(null);
     }
   }, [signWithWallet, onSuccess, onError]);
-  const handleLegacyWalletClick = React14.useCallback(async () => {
+  const handleLegacyWalletClick = React15.useCallback(async () => {
     if (typeof window === "undefined" || !window.ethereum) return;
     const ethereum = window.ethereum;
     let walletName = "Wallet";
@@ -3410,7 +3412,7 @@ function SiweLoginScreen({
     else if (ethereum.isRabby) walletName = "Rabby";
     await handleWalletClick(ethereum, walletName);
   }, [handleWalletClick]);
-  const cancelOtherWallet = React14.useCallback(() => {
+  const cancelOtherWallet = React15.useCallback(() => {
     if (pollingRef.current) {
       clearInterval(pollingRef.current);
       pollingRef.current = null;
@@ -3557,13 +3559,13 @@ function SigninModal({ isOpen, onClose, onError }) {
   const { client } = react.useInternalAuth();
   const { appName, branding } = useVolrUI();
   const { requestEmailCode, verifyEmailCode, handleSocialLogin } = react.useVolrLogin();
-  const [currentScreen, setCurrentScreen] = React14.useState("method-select");
-  const [email, setEmail] = React14.useState("");
+  const [currentScreen, setCurrentScreen] = React15.useState("method-select");
+  const [email, setEmail] = React15.useState("");
   const hasPasskey = user?.keyStorageType === "passkey";
   const isMobile2 = useMediaQuery("(max-width: 500px)");
   const isWideViewport = useMediaQuery("(min-width: 864px)");
   const shouldUseWideLayout = !isMobile2 && isWideViewport && Boolean(branding) && currentScreen === "method-select";
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isOpen) {
       setCurrentScreen("method-select");
       setEmail("");
@@ -3788,7 +3790,7 @@ function AssetSelectView({
     }) })
   ] });
 }
-var TextLinkButton = React14__default.default.forwardRef(({ showArrow = false, className, children, ...props }, ref) => {
+var TextLinkButton = React15__default.default.forwardRef(({ showArrow = false, className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -3917,23 +3919,23 @@ function WalletTransferView({
   const { config } = react.useVolrContext();
   const { client } = react.useInternalAuth();
   const { isDetecting, getWalletsForDisplay, hasWallet } = react.useEIP6963();
-  const [viewState, setViewState] = React14.useState("select-wallet");
-  const [selectedWallet, setSelectedWallet] = React14.useState(null);
-  const [connectedAddress, setConnectedAddress] = React14.useState(null);
-  const [balance, setBalance] = React14.useState(null);
-  const [amount, setAmount] = React14.useState("");
-  const [isConnecting, setIsConnecting] = React14.useState(false);
-  const [isTransferring, setIsTransferring] = React14.useState(false);
-  const [error, setError] = React14.useState(null);
-  const [chainName, setChainName] = React14.useState(null);
-  const [currentChainId, setCurrentChainId] = React14.useState(null);
+  const [viewState, setViewState] = React15.useState("select-wallet");
+  const [selectedWallet, setSelectedWallet] = React15.useState(null);
+  const [connectedAddress, setConnectedAddress] = React15.useState(null);
+  const [balance, setBalance] = React15.useState(null);
+  const [amount, setAmount] = React15.useState("");
+  const [isConnecting, setIsConnecting] = React15.useState(false);
+  const [isTransferring, setIsTransferring] = React15.useState(false);
+  const [error, setError] = React15.useState(null);
+  const [chainName, setChainName] = React15.useState(null);
+  const [currentChainId, setCurrentChainId] = React15.useState(null);
   const tokenSymbol = asset === "native" ? "ETH" : asset.symbol;
   const decimals = asset === "native" ? 18 : asset.decimals;
-  const getNetworkInfo = React14.useCallback(
+  const getNetworkInfo = React15.useCallback(
     react.createGetNetworkInfo({ client, rpcOverrides: config.rpcOverrides }),
     [client, config.rpcOverrides]
   );
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     let cancelled = false;
     const loadChainName = async () => {
       try {
@@ -3948,7 +3950,7 @@ function WalletTransferView({
       cancelled = true;
     };
   }, [getNetworkInfo, chainId]);
-  const connectWallet = React14.useCallback(async (wallet) => {
+  const connectWallet = React15.useCallback(async (wallet) => {
     setIsConnecting(true);
     setError(null);
     try {
@@ -3972,7 +3974,7 @@ function WalletTransferView({
       setIsConnecting(false);
     }
   }, [chainId, asset]);
-  const fetchBalance = React14.useCallback(async (provider, address, currentChain) => {
+  const fetchBalance = React15.useCallback(async (provider, address, currentChain) => {
     try {
       if (currentChain !== chainId) {
         setBalance(null);
@@ -3997,7 +3999,7 @@ function WalletTransferView({
       setBalance(BigInt(0));
     }
   }, [chainId, asset]);
-  const switchNetwork = React14.useCallback(async () => {
+  const switchNetwork = React15.useCallback(async () => {
     if (!selectedWallet?.provider) return;
     try {
       await selectedWallet.provider.request({
@@ -4015,7 +4017,7 @@ function WalletTransferView({
       setError(err instanceof Error ? err.message : "Failed to switch network");
     }
   }, [selectedWallet, chainId, connectedAddress, fetchBalance]);
-  const executeTransfer = React14.useCallback(async () => {
+  const executeTransfer = React15.useCallback(async () => {
     if (!selectedWallet?.provider || !connectedAddress || !amount) return;
     setIsTransferring(true);
     setError(null);
@@ -4058,7 +4060,7 @@ function WalletTransferView({
       setIsTransferring(false);
     }
   }, [selectedWallet, connectedAddress, amount, decimals, balance, asset, destinationAddress, onSuccess, t]);
-  const setMaxAmount = React14.useCallback(() => {
+  const setMaxAmount = React15.useCallback(() => {
     if (balance !== null) {
       const formatted = formatUnits(balance, decimals);
       setAmount(formatted);
@@ -4424,7 +4426,7 @@ var DepositCompletedToast = ({
   symbol
 }) => {
   const { t } = useI18n();
-  const [expanded, setExpanded] = React14.useState(false);
+  const [expanded, setExpanded] = React15.useState(false);
   const formatAmount = (amount) => {
     const divisor = BigInt(10 ** decimals);
     const whole = amount / divisor;
@@ -4584,11 +4586,11 @@ function DepositQRView(props) {
   const { t } = useI18n();
   const { config } = react.useVolrContext();
   const { client } = react.useInternalAuth();
-  const [chainName, setChainName] = React14.useState(null);
-  const [showOtherTokenModal, setShowOtherTokenModal] = React14.useState(false);
-  const [showToast, setShowToast] = React14.useState(false);
-  const [toastData, setToastData] = React14.useState(null);
-  const [viewMode, setViewMode] = React14.useState("qr");
+  const [chainName, setChainName] = React15.useState(null);
+  const [showOtherTokenModal, setShowOtherTokenModal] = React15.useState(false);
+  const [showToast, setShowToast] = React15.useState(false);
+  const [toastData, setToastData] = React15.useState(null);
+  const [viewMode, setViewMode] = React15.useState("qr");
   const eip681 = `ethereum:${props.address}`;
   const status = react.useDepositListener({
     chainId: props.chainId,
@@ -4601,7 +4603,7 @@ function DepositQRView(props) {
     },
     address: props.address
   });
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (status.state === "detected") {
       setToastData({
         previousBalance: status.previousBalance,
@@ -4612,11 +4614,11 @@ function DepositQRView(props) {
       props.onDepositDetected?.();
     }
   }, [status, props.onDepositDetected]);
-  const getNetworkInfo = React14.useCallback(
+  const getNetworkInfo = React15.useCallback(
     react.createGetNetworkInfo({ client, rpcOverrides: config.rpcOverrides }),
     [client, config.rpcOverrides]
   );
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     let cancelled = false;
     const loadChainName = async () => {
       try {
@@ -4927,12 +4929,8 @@ function AccountMainView({
       isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:animate-pulse volr:text-center volr:w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-16 volr:w-48 volr:bg-slate-200 volr:rounded-lg" }) }) : /* @__PURE__ */ jsxRuntime.jsx(
         "p",
         {
-          className: "volr:leading-none volr:font-semibold volr:text-slate-900 volr:tracking-tight volr:text-center",
-          style: {
-            fontSize: "3rem",
-            lineHeight: "1",
-            fontWeight: 600
-          },
+          className: "volr:font-semibold volr:text-slate-900 volr:tracking-tight volr:text-center",
+          style: { fontSize: "3rem" },
           children: formattedUsd
         }
       ),
@@ -5063,7 +5061,7 @@ function BalanceDetailView({
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: balances.map((token) => /* @__PURE__ */ jsxRuntime.jsx(TokenRow, { token }, token.id)) })
   ] });
 }
-var Input = React14__default.default.forwardRef(
+var Input = React15__default.default.forwardRef(
   ({ leftIcon, error, className, style, disabled, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
       leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:left-3 volr:top-1/2 volr:-translate-y-1/2 volr:pointer-events-none volr-text-muted", children: leftIcon }),
@@ -5095,23 +5093,23 @@ function WithdrawView({
   const { t } = useI18n();
   const { withdraw, isWithdrawing, result, error, reset } = react.useWithdraw();
   const { client } = react.useInternalAuth();
-  const [step, setStep] = React14.useState("select");
-  const [selectedTokenId, setSelectedTokenId] = React14.useState(null);
-  const [toAddress, setToAddress] = React14.useState("");
-  const [amount, setAmount] = React14.useState("");
-  const [useConnectedWallet, setUseConnectedWallet] = React14.useState(false);
-  const [blockExplorerUrl, setBlockExplorerUrl] = React14.useState(null);
-  const selectedToken = React14.useMemo(
+  const [step, setStep] = React15.useState("select");
+  const [selectedTokenId, setSelectedTokenId] = React15.useState(null);
+  const [toAddress, setToAddress] = React15.useState("");
+  const [amount, setAmount] = React15.useState("");
+  const [useConnectedWallet, setUseConnectedWallet] = React15.useState(false);
+  const [blockExplorerUrl, setBlockExplorerUrl] = React15.useState(null);
+  const selectedToken = React15.useMemo(
     () => balances.find((b) => b.id === selectedTokenId),
     [balances, selectedTokenId]
   );
   const selectedChainId = selectedToken?.chainId ?? null;
-  const connectedAddress = React14.useMemo(() => {
+  const connectedAddress = React15.useMemo(() => {
     if (!connectedWallet) return null;
     const parts = connectedWallet.split(":");
     return parts.length >= 2 ? parts[1] : null;
   }, [connectedWallet]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!selectedChainId) {
       setBlockExplorerUrl(null);
       return;
@@ -5132,7 +5130,7 @@ function WithdrawView({
       cancelled = true;
     };
   }, [client, selectedChainId]);
-  const explorerTxUrl = React14.useMemo(() => {
+  const explorerTxUrl = React15.useMemo(() => {
     if (!blockExplorerUrl || !result?.txHash) return null;
     const trimmedBase = blockExplorerUrl.replace(/\/$/, "");
     return `${trimmedBase}/tx/${result.txHash}`;
@@ -5171,7 +5169,7 @@ function WithdrawView({
     setAmount("");
     setUseConnectedWallet(false);
   };
-  const isAmountValid = React14.useMemo(() => {
+  const isAmountValid = React15.useMemo(() => {
     if (!amount || !selectedToken) return false;
     const num = parseFloat(amount);
     if (isNaN(num) || num <= 0) return false;
@@ -5506,10 +5504,10 @@ function PaymentRow({ payment, onClick }) {
 function PaymentHistoryView({ onSelectPayment }) {
   const { t } = useI18n();
   const { getPaymentHistory, isLoading: isApiLoading } = react.useVolrPaymentApi();
-  const [payments, setPayments] = React14.useState([]);
-  const [isLoading, setIsLoading] = React14.useState(true);
-  const [error, setError] = React14.useState(null);
-  React14.useEffect(() => {
+  const [payments, setPayments] = React15.useState([]);
+  const [isLoading, setIsLoading] = React15.useState(true);
+  const [error, setError] = React15.useState(null);
+  React15.useEffect(() => {
     setIsLoading(true);
     setError(null);
     getPaymentHistory({ take: 20 }).then((result) => {
@@ -5749,21 +5747,21 @@ function AccountModal({ isOpen, onClose, onError }) {
   const { user, logout } = react.useVolrContext();
   const { balances, totalUsd, isLoading, paymentEnabled, refresh } = react.useUserBalances();
   const { client } = react.useInternalAuth();
-  const [currentView, setCurrentView] = React14.useState("main");
-  const [selectedPayment, setSelectedPayment] = React14.useState(null);
-  const [isLoggingOut, setIsLoggingOut] = React14.useState(false);
-  const [lastUpdatedAt, setLastUpdatedAt] = React14.useState(null);
-  const [isRefreshing, setIsRefreshing] = React14.useState(false);
-  const prevUserRef = React14.useRef(user ?? null);
-  const refreshInFlightRef = React14.useRef(false);
-  const lastRefreshRef = React14.useRef(0);
-  const [closingAfterLogin, setClosingAfterLogin] = React14.useState(false);
-  const [setupStep, setSetupStep] = React14.useState("prompt");
-  const [depositAssets, setDepositAssets] = React14.useState([]);
-  const [depositLoading, setDepositLoading] = React14.useState(false);
-  const [depositError, setDepositError] = React14.useState(null);
-  const [depositSelectedIdx, setDepositSelectedIdx] = React14.useState(-1);
-  const refreshBalances = React14.useCallback(async () => {
+  const [currentView, setCurrentView] = React15.useState("main");
+  const [selectedPayment, setSelectedPayment] = React15.useState(null);
+  const [isLoggingOut, setIsLoggingOut] = React15.useState(false);
+  const [lastUpdatedAt, setLastUpdatedAt] = React15.useState(null);
+  const [isRefreshing, setIsRefreshing] = React15.useState(false);
+  const prevUserRef = React15.useRef(user ?? null);
+  const refreshInFlightRef = React15.useRef(false);
+  const lastRefreshRef = React15.useRef(0);
+  const [closingAfterLogin, setClosingAfterLogin] = React15.useState(false);
+  const [setupStep, setSetupStep] = React15.useState("prompt");
+  const [depositAssets, setDepositAssets] = React15.useState([]);
+  const [depositLoading, setDepositLoading] = React15.useState(false);
+  const [depositError, setDepositError] = React15.useState(null);
+  const [depositSelectedIdx, setDepositSelectedIdx] = React15.useState(-1);
+  const refreshBalances = React15.useCallback(async () => {
     if (!isOpen) return;
     const now = Date.now();
     if (refreshInFlightRef.current) return;
@@ -5783,10 +5781,10 @@ function AccountModal({ isOpen, onClose, onError }) {
       setIsRefreshing(false);
     }
   }, [isOpen, refresh]);
-  const handleManualRefresh = React14.useCallback(() => {
+  const handleManualRefresh = React15.useCallback(() => {
     void refreshBalances();
   }, [refreshBalances]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (currentView !== "deposit" || !isOpen) return;
     setDepositLoading(true);
     setDepositError(null);
@@ -5803,11 +5801,11 @@ function AccountModal({ isOpen, onClose, onError }) {
       setDepositLoading(false);
     });
   }, [currentView, isOpen, client]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isOpen) return;
     void refreshBalances();
   }, [isOpen, currentView, refreshBalances]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isOpen || typeof document === "undefined") return;
     const handleFocus = () => {
       if (document.visibilityState === "visible") {
@@ -5821,7 +5819,7 @@ function AccountModal({ isOpen, onClose, onError }) {
       document.removeEventListener("visibilitychange", handleFocus);
     };
   }, [isOpen, refreshBalances]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isOpen) return;
     const intervalId = window.setInterval(() => {
       void refreshBalances();
@@ -5830,7 +5828,7 @@ function AccountModal({ isOpen, onClose, onError }) {
       clearInterval(intervalId);
     };
   }, [isOpen, refreshBalances]);
-  const handleOpenChange = React14.useCallback((open) => {
+  const handleOpenChange = React15.useCallback((open) => {
     if (!open) {
       onClose();
       setTimeout(() => {
@@ -5840,7 +5838,7 @@ function AccountModal({ isOpen, onClose, onError }) {
       }, 200);
     }
   }, [onClose]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isOpen) {
       setClosingAfterLogin(false);
       prevUserRef.current = user ?? null;
@@ -6011,11 +6009,11 @@ var DepositModal = ({
 }) => {
   const { user } = react.useVolrContext();
   const { client } = react.useInternalAuth();
-  const [depositAssets, setDepositAssets] = React14.useState([]);
-  const [isLoading, setIsLoading] = React14.useState(true);
-  const [error, setError] = React14.useState(null);
-  const [selectedIdx, setSelectedIdx] = React14.useState(-1);
-  React14.useEffect(() => {
+  const [depositAssets, setDepositAssets] = React15.useState([]);
+  const [isLoading, setIsLoading] = React15.useState(true);
+  const [error, setError] = React15.useState(null);
+  const [selectedIdx, setSelectedIdx] = React15.useState(-1);
+  React15.useEffect(() => {
     if (!open) return;
     setIsLoading(true);
     setError(null);
@@ -6042,12 +6040,12 @@ var DepositModal = ({
     if (depositAssets.length === 1) return 0;
     return -1;
   };
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (open && !isLoading && depositAssets.length > 0) {
       setSelectedIdx(getInitialIndex());
     }
   }, [open, isLoading, depositAssets.length, asset]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!open) {
       setSelectedIdx(-1);
     }
@@ -6200,12 +6198,12 @@ function paymentModalReducer(state, action) {
   }
 }
 function usePaymentModalState(open, onOpenChange) {
-  const { user } = react.useVolrContext();
+  const { user, setUser } = react.useVolrContext();
   const { client } = react.useInternalAuth();
   const { evm } = react.useVolr();
   const { paymentOptions } = useVolrModal();
   const { createPayment, updatePaymentToProcessing, pollPaymentStatus, failPendingPayment } = react.useVolrPaymentApi();
-  const [state, dispatch] = React14.useReducer(paymentModalReducer, initialState);
+  const [state, dispatch] = React15.useReducer(paymentModalReducer, initialState);
   const tokensWithBalances = state.tokens.map((token) => {
     const balanceData = state.tokenBalances.get(token.id);
     return {
@@ -6217,7 +6215,7 @@ function usePaymentModalState(open, onOpenChange) {
   });
   const selectedToken = state.selectedTokenId ? tokensWithBalances.find((t) => t.id === state.selectedTokenId) ?? null : null;
   const isBalanceLoading = tokensWithBalances.some((t) => t.isBalanceLoading);
-  const fetchTokenBalance = React14.useCallback(
+  const fetchTokenBalance = React15.useCallback(
     async (token) => {
       if (!user?.evmAddress) {
         dispatch({
@@ -6265,20 +6263,20 @@ function usePaymentModalState(open, onOpenChange) {
     },
     [user, evm]
   );
-  const fetchAllBalances = React14.useCallback(
+  const fetchAllBalances = React15.useCallback(
     async (tokens) => {
       await Promise.all(tokens.map((token) => fetchTokenBalance(token)));
     },
     [fetchTokenBalance]
   );
-  const fetchBranding = React14.useCallback(async () => {
+  const fetchBranding = React15.useCallback(async () => {
     try {
       const response = await client.get("/auth/branding");
       dispatch({ type: "SET_LOGO_URL", logoUrl: response.logoUrl });
     } catch {
     }
   }, [client]);
-  const fetchPaymentConfig = React14.useCallback(async () => {
+  const fetchPaymentConfig = React15.useCallback(async () => {
     dispatch({ type: "SET_CONFIG_LOADING", loading: true });
     try {
       const response = await client.get("/payments/config");
@@ -6295,7 +6293,7 @@ function usePaymentModalState(open, onOpenChange) {
       dispatch({ type: "SET_CONFIG_LOADING", loading: false });
     }
   }, [client, fetchAllBalances]);
-  const selectBestToken = React14.useCallback(() => {
+  const selectBestToken = React15.useCallback(() => {
     if (state.tokens.length === 0) return;
     if (state.selectedTokenId) return;
     let bestTokenId = state.tokens[0].id;
@@ -6309,7 +6307,7 @@ function usePaymentModalState(open, onOpenChange) {
     }
     dispatch({ type: "SELECT_TOKEN", tokenId: bestTokenId });
   }, [state.tokens, state.tokenBalances, state.selectedTokenId]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (open && paymentOptions?.options) {
       if (state.step === "processing" || state.step === "result") {
         return;
@@ -6321,15 +6319,15 @@ function usePaymentModalState(open, onOpenChange) {
       dispatch({ type: "RESET" });
     }
   }, [open, paymentOptions?.options?.amount]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isBalanceLoading && state.tokens.length > 0 && !state.selectedTokenId) {
       selectBestToken();
     }
   }, [isBalanceLoading, state.tokens.length, state.selectedTokenId, selectBestToken]);
-  const handleSelectToken = React14.useCallback((tokenId) => {
+  const handleSelectToken = React15.useCallback((tokenId) => {
     dispatch({ type: "SELECT_TOKEN", tokenId });
   }, []);
-  const handleWalletBack = React14.useCallback(() => {
+  const handleWalletBack = React15.useCallback(() => {
     if (state.step !== "wallet") {
       return;
     }
@@ -6339,13 +6337,29 @@ function usePaymentModalState(open, onOpenChange) {
     }
     dispatch({ type: "SHOW_WALLET", walletStep: "choice" });
   }, [state.step, state.walletStep]);
-  const handleChooseCreateAccount = React14.useCallback(() => {
+  const handleChooseCreateAccount = React15.useCallback(() => {
     dispatch({ type: "SHOW_WALLET", walletStep: "create-account" });
   }, []);
-  const handleChooseExternalWallet = React14.useCallback(() => {
+  const saveExternalWalletPreference = React15.useCallback(async () => {
+    if (!user?.id) return;
+    if (user.externalWalletPreferred) return;
+    try {
+      const result = await client.post(
+        "/users/me/preferences",
+        { externalWalletPreferred: true }
+      );
+      const updated = result?.externalWalletPreferred ?? true;
+      setUser({ ...user, externalWalletPreferred: updated });
+    } catch (err) {
+      console.warn("[PaymentModal] Failed to save external wallet preference:", err);
+      setUser({ ...user, externalWalletPreferred: true });
+    }
+  }, [client, user, setUser]);
+  const handleChooseExternalWallet = React15.useCallback(() => {
+    void saveExternalWalletPreference();
     dispatch({ type: "SHOW_WALLET", walletStep: "external-wallet" });
-  }, []);
-  const handlePay = React14.useCallback(async () => {
+  }, [saveExternalWalletPreference]);
+  const handlePay = React15.useCallback(async () => {
     const { payOptions, receiverAddress, selectedTokenId } = state;
     if (!payOptions || !paymentOptions || !receiverAddress || !selectedTokenId) {
       return;
@@ -6467,7 +6481,7 @@ function usePaymentModalState(open, onOpenChange) {
     pollPaymentStatus,
     failPendingPayment
   ]);
-  const handleExternalWalletConnected = React14.useCallback(
+  const handleExternalWalletConnected = React15.useCallback(
     async ({ provider, address }) => {
       const { payOptions, receiverAddress, selectedTokenId } = state;
       if (!payOptions || !paymentOptions || !receiverAddress || !selectedTokenId) {
@@ -6477,6 +6491,7 @@ function usePaymentModalState(open, onOpenChange) {
       if (!tokenInfo) {
         return;
       }
+      const permitType = tokenInfo.permitType ?? (tokenInfo.permitSupported ? "EIP2612" : "NONE");
       if (tokenInfo.address === "native") {
         dispatch({
           type: "PAYMENT_ERROR",
@@ -6487,6 +6502,16 @@ function usePaymentModalState(open, onOpenChange) {
         });
         return;
       }
+      if (permitType !== "EIP2612") {
+        dispatch({
+          type: "PAYMENT_ERROR",
+          error: {
+            code: "TOKEN_NOT_SUPPORTED",
+            message: "External wallet payment is not supported for this token."
+          }
+        });
+        return;
+      }
       dispatch({ type: "START_PAYMENT" });
       let createdPaymentId = null;
       const toPaymentError = (err) => {
@@ -6601,10 +6626,10 @@ function usePaymentModalState(open, onOpenChange) {
       failPendingPayment
     ]
   );
-  const handleDeposit = React14.useCallback(() => {
+  const handleDeposit = React15.useCallback(() => {
     dispatch({ type: "SHOW_DEPOSIT" });
   }, []);
-  const handleDepositClose = React14.useCallback(
+  const handleDepositClose = React15.useCallback(
     (depositOpen) => {
       if (!depositOpen) {
         dispatch({ type: "HIDE_DEPOSIT" });
@@ -6615,19 +6640,19 @@ function usePaymentModalState(open, onOpenChange) {
     },
     [state.tokens, fetchAllBalances]
   );
-  const handleDone = React14.useCallback(() => {
+  const handleDone = React15.useCallback(() => {
     if (state.createdPayment?.status === "CONFIRMED") {
       paymentOptions?.onComplete?.(state.createdPayment);
     }
     onOpenChange(false);
   }, [state.createdPayment, paymentOptions, onOpenChange]);
-  const handleRetry = React14.useCallback(() => {
+  const handleRetry = React15.useCallback(() => {
     dispatch({ type: "RETRY" });
     if (state.tokens.length > 0) {
       fetchAllBalances(state.tokens);
     }
   }, [state.tokens, fetchAllBalances]);
-  const handleClose = React14.useCallback(() => {
+  const handleClose = React15.useCallback(() => {
     if (state.step === "processing") {
       return;
     }
@@ -6636,7 +6661,7 @@ function usePaymentModalState(open, onOpenChange) {
     }
     onOpenChange(false);
   }, [state.step, paymentOptions, onOpenChange]);
-  const handleReport = React14.useCallback(async () => {
+  const handleReport = React15.useCallback(async () => {
     const { createdPayment, error, step, txHash, selectedTokenId } = state;
     const tokenInfo = state.tokens.find((t) => t.id === selectedTokenId);
     if (!createdPayment || !error) return;
@@ -6795,10 +6820,10 @@ var TokenSelector = ({
   onSelect,
   disabled = false
 }) => {
-  const [isOpen, setIsOpen] = React14.useState(false);
-  const dropdownRef = React14.useRef(null);
+  const [isOpen, setIsOpen] = React15.useState(false);
+  const dropdownRef = React15.useRef(null);
   const selectedToken = tokens.find((t) => t.id === selectedTokenId);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -6950,9 +6975,15 @@ var PaymentInfoView = ({
   logoUrl,
   onPay,
   onDeposit,
+  onChooseCreateAccount,
+  onChooseExternalWallet,
   isPaying,
   isBalanceLoading,
-  disableBalanceCheck = false
+  disableBalanceCheck = false,
+  walletChoiceMode = false,
+  showExternalWallet = false,
+  createAccountLabel = "Create wallet",
+  externalWalletLabel = "Use my wallet"
 }) => {
   const selectedToken = tokens.find((t) => t.id === selectedTokenId);
   const tokenSymbol = selectedToken?.symbol ?? "";
@@ -7008,7 +7039,18 @@ var PaymentInfoView = ({
         isInsufficient: !!isInsufficient
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:space-y-3", children: walletChoiceMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: onChooseCreateAccount, className: "volr:w-full", children: createAccountLabel }),
+      showExternalWallet && /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: onChooseExternalWallet,
+          className: "volr:w-full",
+          children: externalWalletLabel
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
@@ -7045,8 +7087,18 @@ var PaymentInfoView = ({
       isInsufficient && selectedToken && !disableBalanceCheck && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "secondary", onClick: onDeposit, className: "volr:w-full", children: [
         "Deposit ",
         tokenSymbol
-      ] })
-    ] }),
+      ] }),
+      showExternalWallet && /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: onChooseExternalWallet,
+          className: "volr:w-full volr:underline volr:underline-offset-4",
+          children: externalWalletLabel
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(PoweredBy, {})
   ] });
 };
@@ -7235,6 +7287,7 @@ var PaymentResultView = ({
 };
 function PaymentWalletChoiceView({
   isExternalWalletEnabled,
+  showExternalWallet = true,
   externalWalletDisabledReason,
   onChooseExternalWallet,
   onChooseCreateAccount
@@ -7246,17 +7299,19 @@ function PaymentWalletChoiceView({
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-600 volr:leading-relaxed", children: t("payment.walletChoice.description") })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:flex-col volr:gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          className: "volr:w-full",
-          variant: "secondary",
-          onClick: onChooseExternalWallet,
-          disabled: !isExternalWalletEnabled,
-          children: t("payment.walletChoice.externalCta")
-        }
-      ),
-      !isExternalWalletEnabled && externalWalletDisabledReason && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-500 volr:leading-relaxed", children: externalWalletDisabledReason }),
+      showExternalWallet && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            className: "volr:w-full",
+            variant: "secondary",
+            onClick: onChooseExternalWallet,
+            disabled: !isExternalWalletEnabled,
+            children: t("payment.walletChoice.externalCta")
+          }
+        ),
+        !isExternalWalletEnabled && externalWalletDisabledReason && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-500 volr:leading-relaxed", children: externalWalletDisabledReason })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsx(Button, { className: "volr:w-full", onClick: onChooseCreateAccount, children: t("payment.walletChoice.createAccountCta") })
     ] })
   ] });
@@ -7305,9 +7360,9 @@ function PaymentExternalWalletView({
 }) {
   const { t } = useI18n();
   const { isDetecting, getWalletsForDisplay, hasWallet } = react.useEIP6963();
-  const wallets = React14.useMemo(() => getWalletsForDisplay(), [getWalletsForDisplay]);
-  const [isConnecting, setIsConnecting] = React14.useState(false);
-  const [error, setError] = React14.useState(null);
+  const wallets = React15.useMemo(() => getWalletsForDisplay(), [getWalletsForDisplay]);
+  const [isConnecting, setIsConnecting] = React15.useState(false);
+  const [error, setError] = React15.useState(null);
   const connect = async (wallet) => {
     setIsConnecting(true);
     setError(null);
@@ -7370,7 +7425,8 @@ var PaymentModal = ({
   onOpenChange
 }) => {
   const { t } = useI18n();
-  const { user } = react.useVolrContext();
+  const { user, config } = react.useVolrContext();
+  const { allowExternalWalletPayment } = useVolrUI();
   const { paymentOptions } = useVolrModal();
   const {
     state,
@@ -7406,6 +7462,26 @@ var PaymentModal = ({
     showDeposit,
     walletStep
   } = state;
+  const requiresVolrWallet = config.walletPolicy?.requireVolrWalletOnLogin ?? true;
+  const hasVolrWallet = Boolean(user?.evmAddress);
+  const externalWalletAllowed = allowExternalWalletPayment && !requiresVolrWallet;
+  const resolvedPermitType = selectedToken?.permitType ?? (selectedToken?.permitSupported ? "EIP2612" : "NONE");
+  const externalWalletTokenSupported = selectedToken && selectedToken.address !== "native" && resolvedPermitType === "EIP2612";
+  const showExternalWalletOption = externalWalletAllowed && externalWalletTokenSupported;
+  const permit2WarnedRef = React15__default.default.useRef(false);
+  React15__default.default.useEffect(() => {
+    if (!permit2WarnedRef.current && externalWalletAllowed && resolvedPermitType === "PERMIT2" && !selectedToken?.permit2Address) {
+      console.warn(
+        `[volr/react-ui] External wallet payment hidden: permit2Address is not configured for chain ${selectedToken?.chainId}.`
+      );
+      permit2WarnedRef.current = true;
+    }
+  }, [
+    externalWalletAllowed,
+    resolvedPermitType,
+    selectedToken?.permit2Address,
+    selectedToken?.chainId
+  ]);
   if (showDeposit && selectedToken) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       DepositModal,
@@ -7456,14 +7532,20 @@ var PaymentModal = ({
         onDeposit: handleDeposit,
         isPaying,
         isBalanceLoading,
-        disableBalanceCheck: !user?.evmAddress
+        disableBalanceCheck: !user?.evmAddress,
+        walletChoiceMode: !hasVolrWallet,
+        onChooseCreateAccount: handleChooseCreateAccount,
+        onChooseExternalWallet: handleChooseExternalWallet,
+        showExternalWallet: showExternalWalletOption,
+        createAccountLabel: t("payment.walletChoice.createAccountCta"),
+        externalWalletLabel: t("payment.walletChoice.externalInlineCta")
       }
     ),
     step === "wallet" && walletStep === "choice" && selectedToken && /* @__PURE__ */ jsxRuntime.jsx(
       PaymentWalletChoiceView,
       {
-        isExternalWalletEnabled: selectedToken.address !== "native",
-        externalWalletDisabledReason: selectedToken.address === "native" ? t("payment.walletChoice.externalDisabledNative") : void 0,
+        isExternalWalletEnabled: showExternalWalletOption,
+        showExternalWallet: showExternalWalletOption,
         onChooseExternalWallet: handleChooseExternalWallet,
         onChooseCreateAccount: handleChooseCreateAccount
       }
@@ -7501,19 +7583,19 @@ var PaymentModal = ({
     )
   ] });
 };
-var SignRequestContext = React14.createContext(null);
+var SignRequestContext = React15.createContext(null);
 function SignRequestProvider({ children }) {
-  const [pendingRequest, setPendingRequest] = React14.useState(null);
-  const resolveRef = React14.useRef(null);
-  const rejectRef = React14.useRef(null);
-  const requestSign = React14.useCallback((request) => {
+  const [pendingRequest, setPendingRequest] = React15.useState(null);
+  const resolveRef = React15.useRef(null);
+  const rejectRef = React15.useRef(null);
+  const requestSign = React15.useCallback((request) => {
     return new Promise((resolve, reject2) => {
       setPendingRequest(request);
       resolveRef.current = resolve;
       rejectRef.current = reject2;
     });
   }, []);
-  const approve = React14.useCallback(() => {
+  const approve = React15.useCallback(() => {
     if (resolveRef.current) {
       resolveRef.current();
       resolveRef.current = null;
@@ -7521,7 +7603,7 @@ function SignRequestProvider({ children }) {
     }
     setPendingRequest(null);
   }, []);
-  const reject = React14.useCallback(() => {
+  const reject = React15.useCallback(() => {
     if (rejectRef.current) {
       rejectRef.current(new Error("Sign request cancelled by user"));
       resolveRef.current = null;
@@ -7543,7 +7625,7 @@ function SignRequestProvider({ children }) {
   );
 }
 function useSignRequest() {
-  const context = React14.useContext(SignRequestContext);
+  const context = React15.useContext(SignRequestContext);
   if (!context) {
     throw new Error("useSignRequest must be used within SignRequestProvider");
   }
@@ -7552,7 +7634,7 @@ function useSignRequest() {
   };
 }
 function useSignRequestInternal() {
-  const context = React14.useContext(SignRequestContext);
+  const context = React15.useContext(SignRequestContext);
   if (!context) {
     throw new Error("useSignRequestInternal must be used within SignRequestProvider");
   }
@@ -7587,7 +7669,7 @@ function MessageSignView({ message }) {
   ] });
 }
 function TypedDataSignView({ typedData }) {
-  const [showRawData, setShowRawData] = React14.useState(false);
+  const [showRawData, setShowRawData] = React15.useState(false);
   const { domain, message } = typedData;
   const appName = domain.name;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:space-y-4", children: [
@@ -7733,12 +7815,12 @@ function SignRequestModal({ open, onOpenChange }) {
     }
   );
 }
-var WalletRequiredContext = React14.createContext(null);
+var WalletRequiredContext = React15.createContext(null);
 function WalletRequiredProvider({ children }) {
-  const [pendingRequest, setPendingRequest] = React14.useState(null);
-  const resolveRef = React14.useRef(null);
-  const rejectRef = React14.useRef(null);
-  const requestWallet = React14.useCallback(
+  const [pendingRequest, setPendingRequest] = React15.useState(null);
+  const resolveRef = React15.useRef(null);
+  const rejectRef = React15.useRef(null);
+  const requestWallet = React15.useCallback(
     (request) => {
       return new Promise((resolve2, reject2) => {
         setPendingRequest(request);
@@ -7748,7 +7830,7 @@ function WalletRequiredProvider({ children }) {
     },
     []
   );
-  const resolve = React14.useCallback((provider) => {
+  const resolve = React15.useCallback((provider) => {
     if (resolveRef.current) {
       resolveRef.current(provider);
       resolveRef.current = null;
@@ -7756,7 +7838,7 @@ function WalletRequiredProvider({ children }) {
     }
     setPendingRequest(null);
   }, []);
-  const reject = React14.useCallback((error) => {
+  const reject = React15.useCallback((error) => {
     if (rejectRef.current) {
       rejectRef.current(error);
       resolveRef.current = null;
@@ -7773,14 +7855,14 @@ function WalletRequiredProvider({ children }) {
   );
 }
 function useWalletRequired() {
-  const ctx = React14.useContext(WalletRequiredContext);
+  const ctx = React15.useContext(WalletRequiredContext);
   if (!ctx) {
     throw new Error("useWalletRequired must be used within WalletRequiredProvider");
   }
   return { requestWallet: ctx.requestWallet };
 }
 function useWalletRequiredInternal() {
-  const ctx = React14.useContext(WalletRequiredContext);
+  const ctx = React15.useContext(WalletRequiredContext);
   if (!ctx) {
     throw new Error(
       "useWalletRequiredInternal must be used within WalletRequiredProvider"
@@ -7793,17 +7875,17 @@ function WalletRequiredModal() {
   const { pendingRequest, resolve, reject } = useWalletRequiredInternal();
   const { user, provider } = react.useVolrContext();
   const { keyStorageType } = useVolrUI();
-  const [step, setStep] = React14.useState("notice");
-  const providerRef = React14.useRef(provider);
-  React14.useEffect(() => {
+  const [step, setStep] = React15.useState("notice");
+  const providerRef = React15.useRef(provider);
+  React15.useEffect(() => {
     providerRef.current = provider;
   }, [provider]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (pendingRequest) {
       setStep("notice");
     }
   }, [pendingRequest]);
-  const title = React14.useMemo(() => {
+  const title = React15.useMemo(() => {
     if (!pendingRequest) return "";
     if (pendingRequest.type === "transaction") return t("walletRequired.titleTx");
     if (pendingRequest.type === "typedData") return t("walletRequired.titleTypedData");
@@ -7869,7 +7951,7 @@ function WalletRequiredModal() {
     }
   );
 }
-var VolrUIContext = React14__default.default.createContext(null);
+var VolrUIContext = React15__default.default.createContext(null);
 function getCurrentRpId() {
   if (typeof window === "undefined") return "localhost";
   return window.location.hostname;
@@ -7882,14 +7964,14 @@ function isPasskeyDomainMismatch(user) {
   return !registered.some((p) => p?.rpId === currentRpId);
 }
 var useVolrUI = () => {
-  const context = React14.useContext(VolrUIContext);
+  const context = React15.useContext(VolrUIContext);
   if (!context) {
     throw new Error("useVolrUI must be used within VolrUIProvider");
   }
   return context;
 };
 var useVolrUIOptional = () => {
-  return React14.useContext(VolrUIContext);
+  return React15.useContext(VolrUIContext);
 };
 function OnboardingFlow({
   keyStorageType,
@@ -7932,23 +8014,24 @@ var VolrUIProvider = ({
     socialProviders = ["google", "twitter"],
     branding,
     keyStorageType = "passkey",
-    allowedLocales
+    allowedLocales,
+    allowExternalWalletPayment = false
   } = config;
-  const providerPolicy = config.providerPolicy ?? {
-    enforceOnFirstLogin: true
+  const walletPolicy = config.walletPolicy ?? {
+    requireVolrWalletOnLogin: true
   };
-  const [keyStorageTypeError, setKeyStorageTypeError] = React14.useState(
+  const [keyStorageTypeError, setKeyStorageTypeError] = React15.useState(
     null
   );
-  React14.useEffect(() => {
-    if (providerPolicy.enforceOnFirstLogin !== false && !keyStorageType) {
+  React15.useEffect(() => {
+    if (walletPolicy.requireVolrWalletOnLogin !== false && !keyStorageType) {
       const errorMessage = "keyStorageType must be specified in VolrUIProvider props. Please set keyStorageType prop in VolrUIProvider.";
       console.error(errorMessage);
       setKeyStorageTypeError(errorMessage);
     } else {
       setKeyStorageTypeError(null);
     }
-  }, [keyStorageType, providerPolicy.enforceOnFirstLogin]);
+  }, [keyStorageType, walletPolicy.requireVolrWalletOnLogin]);
   if (keyStorageTypeError) {
     return /* @__PURE__ */ jsxRuntime.jsx(Modal, { open: true, onOpenChange: () => {
     }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:max-w-md volr:mx-auto", children: [
@@ -7968,7 +8051,8 @@ var VolrUIProvider = ({
       branding,
       keyStorageType,
       allowedLocales,
-      providerPolicy,
+      walletPolicy,
+      allowExternalWalletPayment,
       children
     }
   ) }) });
@@ -7983,10 +8067,11 @@ function VolrUIProviderInner({
   branding,
   keyStorageType,
   allowedLocales,
-  providerPolicy,
+  walletPolicy,
+  allowExternalWalletPayment,
   children
 }) {
-  const [showOnboarding, setShowOnboarding] = React14.useState(false);
+  const [showOnboarding, setShowOnboarding] = React15.useState(false);
   const { requestSign } = useSignRequest();
   const { requestWallet } = useWalletRequired();
   const configWithSignRequest = {
@@ -8011,7 +8096,8 @@ function VolrUIProviderInner({
         enabledLoginMethods,
         socialProviders,
         branding,
-        keyStorageType
+        keyStorageType,
+        allowExternalWalletPayment
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs(VolrModalProvider, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(WalletRequiredModal, {}),
@@ -8025,7 +8111,7 @@ function VolrUIProviderInner({
         /* @__PURE__ */ jsxRuntime.jsx(
           OAuthCallbackHandler,
           {
-            enforceSelection: providerPolicy.enforceOnFirstLogin ?? true,
+            enforceSelection: walletPolicy.requireVolrWalletOnLogin ?? true,
             onShowOnboarding: () => setShowOnboarding(true)
           }
         ),
@@ -8033,7 +8119,7 @@ function VolrUIProviderInner({
           OnboardingChecker,
           {
             keyStorageType,
-            enforceSelection: providerPolicy.enforceOnFirstLogin ?? true,
+            enforceSelection: walletPolicy.requireVolrWalletOnLogin ?? true,
             onShowOnboarding: () => setShowOnboarding(true),
             onHideOnboarding: () => setShowOnboarding(false)
           }
@@ -8079,15 +8165,15 @@ function MigrationCoordinator({
 }) {
   const { user, setUser } = react.useVolrContext();
   const { client } = react.useInternalAuth();
-  const [running, setRunning] = React14.useState(false);
-  const [isSourcePopup, setIsSourcePopup] = React14.useState(false);
-  const [isTargetPopup, setIsTargetPopup] = React14.useState(false);
-  const [sourceStep, setSourceStep] = React14.useState("ready");
-  const [targetStep, setTargetStep] = React14.useState("ready");
-  const [targetDomain, setTargetDomain] = React14.useState("");
-  const [sourceDomain, setSourceDomain] = React14.useState("");
-  const [errorMessage, setErrorMessage] = React14.useState();
-  React14.useEffect(() => {
+  const [running, setRunning] = React15.useState(false);
+  const [isSourcePopup, setIsSourcePopup] = React15.useState(false);
+  const [isTargetPopup, setIsTargetPopup] = React15.useState(false);
+  const [sourceStep, setSourceStep] = React15.useState("ready");
+  const [targetStep, setTargetStep] = React15.useState("ready");
+  const [targetDomain, setTargetDomain] = React15.useState("");
+  const [sourceDomain, setSourceDomain] = React15.useState("");
+  const [errorMessage, setErrorMessage] = React15.useState();
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const migrationToken = params.get("migration_token");
@@ -8111,7 +8197,7 @@ function MigrationCoordinator({
       }
     }
   }, []);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     const handler = (event) => {
       const data = event.data;
@@ -8123,7 +8209,7 @@ function MigrationCoordinator({
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   }, [client, setUser, onHideOnboarding]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     if (running) return;
     const params = new URLSearchParams(window.location.search);
@@ -8268,9 +8354,9 @@ function MigrationCoordinator({
 }
 function AccountModalPortal() {
   const { isOpen, mode, close } = useVolrModal();
-  const [portalRoot, setPortalRoot] = React14.useState(null);
-  const [error, setError] = React14.useState(null);
-  React14.useEffect(() => {
+  const [portalRoot, setPortalRoot] = React15.useState(null);
+  const [error, setError] = React15.useState(null);
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
@@ -8329,9 +8415,9 @@ function AccountModalPortal() {
 function DepositModalPortal() {
   const { isOpen, mode, asset, close } = useVolrModal();
   const { user } = react.useVolrContext();
-  const [portalRoot, setPortalRoot] = React14.useState(null);
-  const [showLogin, setShowLogin] = React14.useState(false);
-  React14.useEffect(() => {
+  const [portalRoot, setPortalRoot] = React15.useState(null);
+  const [showLogin, setShowLogin] = React15.useState(false);
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
@@ -8346,7 +8432,7 @@ function DepositModalPortal() {
       }
     };
   }, []);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (isOpen && mode === "deposit" && !user) {
       setShowLogin(true);
     } else {
@@ -8380,8 +8466,8 @@ function DepositModalPortal() {
 }
 function PaymentModalPortal() {
   const { isOpen, mode, close } = useVolrModal();
-  const [portalRoot, setPortalRoot] = React14.useState(null);
-  React14.useEffect(() => {
+  const [portalRoot, setPortalRoot] = React15.useState(null);
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
@@ -8410,8 +8496,8 @@ function PaymentModalPortal() {
 }
 function SignRequestModalPortal() {
   const { pendingRequest } = useSignRequestInternal();
-  const [portalRoot, setPortalRoot] = React14.useState(null);
-  React14.useEffect(() => {
+  const [portalRoot, setPortalRoot] = React15.useState(null);
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
@@ -8443,8 +8529,8 @@ function OAuthCallbackHandler({
   enforceSelection,
   onShowOnboarding
 }) {
-  const [hasCode, setHasCode] = React14.useState(false);
-  React14.useEffect(() => {
+  const [hasCode, setHasCode] = React15.useState(false);
+  React15.useEffect(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const code = params.get("code");
@@ -8493,14 +8579,14 @@ function OnboardingChecker({
 }) {
   const { user, provider, isLoading } = react.useVolrContext();
   const { isOpen: isModalOpen } = useVolrModal();
-  const modalWasOpened = React14__default.default.useRef(false);
-  const pendingMismatchOnboarding = React14__default.default.useRef(false);
-  React14.useEffect(() => {
+  const modalWasOpened = React15__default.default.useRef(false);
+  const pendingMismatchOnboarding = React15__default.default.useRef(false);
+  React15.useEffect(() => {
     if (isModalOpen) {
       modalWasOpened.current = true;
     }
   }, [isModalOpen]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (isLoading) {
       return;
     }
@@ -8554,7 +8640,7 @@ function OnboardingChecker({
 }
 function useSwitchNetwork() {
   const { client } = react.useInternalAuth();
-  return React14.useCallback(
+  return React15.useCallback(
     async (chainId) => {
       if (typeof window === "undefined" || !window.ethereum) {
         throw new Error("No wallet found");
@@ -8618,8 +8704,8 @@ var paymentPromiseResolver = null;
 function useVolrPay() {
   const { open: openModal, close: closeModal } = useVolrModal();
   const { checkPayment, getPaymentHistory } = react.useVolrPaymentApi();
-  const isInProgressRef = React14.useRef(false);
-  const pay = React14.useCallback(
+  const isInProgressRef = React15.useRef(false);
+  const pay = React15.useCallback(
     (options) => {
       isInProgressRef.current = true;
       const waitPromise = new Promise((resolve, reject) => {