@b3dotfun/sdk 0.0.26-alpha.1 → 0.0.26

package/dist/cjs/anyspend/react/components/common/PaymentStripeWeb2.d.ts

@@ -1,8 +1,7 @@
 import { components } from "../../../../anyspend/types/api";
 interface PaymentStripeWeb2Props {
     order: components["schemas"]["Order"];
-    stripePaymentIntentId: string;
     onPaymentSuccess?: (paymentIntent: any) => void;
 }
-export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;
+export default function PaymentStripeWeb2({ order, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/anyspend/react/components/common/PaymentStripeWeb2.js

@@ -18,10 +18,10 @@ const AnySpendFingerprintWrapper_1 = require("../AnySpendFingerprintWrapper");
 const HowItWorks_1 = __importDefault(require("./HowItWorks"));
 const PaymentMethodIcons_1 = __importDefault(require("./PaymentMethodIcons"));
 const stripePromise = (0, stripe_js_1.loadStripe)(constants_1.STRIPE_CONFIG.publishableKey);
-function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }) {
+function PaymentStripeWeb2({ order, onPaymentSuccess }) {
     const { theme } = (0, react_2.useB3)();
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
-    const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = (0, react_1.useStripeClientSecret)(stripePaymentIntentId);
+    const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = (0, react_1.useStripeClientSecret)(order.stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
         return (0, jsx_runtime_1.jsx)(StripeLoadingState, {});
     }
@@ -48,36 +48,22 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     const [amount, setAmount] = (0, react_3.useState)(null);
     const [stripeReady, setStripeReady] = (0, react_3.useState)(false);
     const [showHowItWorks, setShowHowItWorks] = (0, react_3.useState)(false);
-    // Require-completion flags for Card & Address
-    const [cardComplete, setCardComplete] = (0, react_3.useState)(false);
-    const [addressComplete, setAddressComplete] = (0, react_3.useState)(false);
-    // Snapshot of AddressElement value to pass to billing_details
-    const [addressValue, setAddressValue] = (0, react_3.useState)(null);
-    // Helper function to mark "How it works" as seen
-    const markHowItWorksAsSeen = (0, react_3.useCallback)(() => {
-        setShowHowItWorks(false);
-        localStorage.setItem("b3-payment-how-it-works-seen", "true");
-    }, []);
+    const [showAddressElement, setShowAddressElement] = (0, react_3.useState)(false);
     (0, react_3.useEffect)(() => {
         if (stripe && elements) {
             setStripeReady(true);
         }
     }, [stripe, elements, order.id]);
-    // Check if user has seen "How it works" before
-    (0, react_3.useEffect)(() => {
-        const hasSeenHowItWorks = localStorage.getItem("b3-payment-how-it-works-seen");
-        if (!hasSeenHowItWorks) {
-            setShowHowItWorks(true);
-        }
-    }, []);
     (0, react_3.useEffect)(() => {
         const fetchPaymentIntent = async () => {
             if (!stripe || !clientSecret)
                 return;
             try {
                 const paymentIntent = await stripe.retrievePaymentIntent(clientSecret);
-                const amt = paymentIntent.paymentIntent?.amount ? (0, payment_utils_1.formatStripeAmount)(paymentIntent.paymentIntent.amount) : null;
-                setAmount(amt);
+                const amount = paymentIntent.paymentIntent?.amount
+                    ? (0, payment_utils_1.formatStripeAmount)(paymentIntent.paymentIntent.amount)
+                    : null;
+                setAmount(amount);
             }
             catch (error) {
                 console.error("@@stripe-web2-payment:retrieve-intent-error:", JSON.stringify(error, null, 2));
@@ -85,50 +71,23 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
         };
         fetchPaymentIntent();
     }, [clientSecret, stripe]);
+    // Handle payment element changes
+    const handlePaymentElementChange = (event) => {
+        // Show address element only for card payments
+        setShowAddressElement(event.value.type === "card");
+    };
     const handleSubmit = async (e) => {
         e.preventDefault();
-        if (!stripe || !elements || !clientSecret) {
+        if (!stripe || !elements) {
             setMessage("Stripe is not initialized");
             return;
         }
         setLoading(true);
         setMessage(null);
-        // Block submission until both card and billing address are complete
-        if (!cardComplete || !addressComplete) {
-            setMessage("Please complete all required billing address and card fields.");
-            setLoading(false);
-            return;
-        }
         try {
-            const card = elements.getElement(react_stripe_js_1.CardElement);
-            if (!card) {
-                setMessage("Card element not found");
-                setLoading(false);
-                return;
-            }
-            const result = (await stripe.confirmCardPayment(clientSecret, {
-                payment_method: {
-                    card,
-                    billing_details: {
-                        // Map AddressElement values into billing_details
-                        name: addressValue?.name
-                            ? typeof addressValue.name === "string"
-                                ? addressValue.name
-                                : [addressValue.name.firstName, addressValue.name.lastName].filter(Boolean).join(" ")
-                            : undefined,
-                        phone: addressValue?.phone || undefined,
-                        address: addressValue?.address
-                            ? {
-                                line1: addressValue.address.line1 || undefined,
-                                line2: addressValue.address.line2 || undefined,
-                                city: addressValue.address.city || undefined,
-                                state: addressValue.address.state || undefined, // province/region
-                                postal_code: addressValue.address.postal_code || undefined,
-                                country: addressValue.address.country || undefined,
-                            }
-                            : undefined,
-                    },
-                },
+            const result = (await stripe.confirmPayment({
+                elements,
+                redirect: "if_required",
             }));
             if (result.error) {
                 // This point will only be reached if there is an immediate error.
@@ -175,6 +134,16 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     if (!stripeReady) {
         return (0, jsx_runtime_1.jsx)(StripeLoadingState, {});
     }
+    const stripeElementOptions = {
+        layout: "tabs",
+        fields: {
+            billingDetails: "auto",
+        },
+        wallets: {
+            applePay: "auto",
+            googlePay: "auto",
+        },
+    };
     const howItWorksSteps = [
         {
             number: 1,
@@ -189,19 +158,20 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
             description: "After payment confirmation, your order will be processed and completed automatically",
         },
     ];
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative mt-1 flex w-full flex-1 flex-col items-center justify-center", children: [(0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: "w-full space-y-6", children: [(0, jsx_runtime_1.jsx)(react_1.OrderDetailsCollapsible, { order: order, dstToken: order.metadata.dstToken, tournament: order.type === "join_tournament" || order.type === "fund_tournament" ? order.metadata.tournament : undefined, nft: order.type === "mint_nft" ? order.metadata.nft : undefined, recipientName: recipientName, formattedExpectedDstAmount: (0, number_1.formatTokenAmount)(BigInt(order.srcAmount), order.metadata.dstToken.decimals), showTotal: true, totalAmount: amount ? `$${Number(amount).toFixed(2)}` : undefined }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary mb-4 text-lg font-semibold", children: "Payment Details" }), (0, jsx_runtime_1.jsx)("div", { className: "border-as-stroke mb-4 rounded-lg border p-3", children: (0, jsx_runtime_1.jsx)(react_stripe_js_1.CardElement, { options: {}, onChange: (e) => setCardComplete(!!e.complete) }) }), (0, jsx_runtime_1.jsx)(react_stripe_js_1.AddressElement, { options: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative mt-1 flex w-full flex-1 flex-col items-center justify-center", children: [(0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: "w-full space-y-6", children: [(0, jsx_runtime_1.jsx)(react_1.OrderDetailsCollapsible, { order: order, dstToken: order.metadata.dstToken, tournament: order.type === "join_tournament" || order.type === "fund_tournament" ? order.metadata.tournament : undefined, nft: order.type === "mint_nft" ? order.metadata.nft : undefined, recipientName: recipientName, formattedExpectedDstAmount: (0, number_1.formatTokenAmount)(BigInt(order.srcAmount), order.metadata.dstToken.decimals), showTotal: true, totalAmount: amount ? `$${Number(amount).toFixed(2)}` : undefined }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary mb-4 text-lg font-semibold", children: "Payment Details" }), (0, jsx_runtime_1.jsx)(react_stripe_js_1.PaymentElement, { onChange: handlePaymentElementChange, options: stripeElementOptions }), showAddressElement && ((0, jsx_runtime_1.jsx)(react_stripe_js_1.AddressElement, { options: {
                                     mode: "billing",
-                                    fields: { phone: "always" },
-                                    display: { name: "split" },
-                                    validation: { phone: { required: "always" } },
-                                }, 
-                                // Ensure we mirror Stripe's built-in completeness signal and capture values
-                                onChange: (e) => {
-                                    setAddressComplete(!!e.complete);
-                                    setAddressValue(e.value);
-                                } })] }), message && ((0, jsx_runtime_1.jsxs)("div", { className: "bg-as-red/10 border-as-red/20 flex w-full items-center gap-3 rounded-2xl border p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-red flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-red text-sm font-medium", children: message })] })), (0, jsx_runtime_1.jsx)(react_2.ShinyButton, { type: "submit", accentColor: "hsl(var(--as-brand))", disabled: !stripe || !elements || loading || !cardComplete || !addressComplete, className: "relative w-full py-4 text-lg font-semibold", children: loading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" }), (0, jsx_runtime_1.jsx)("span", { className: "text-white", children: "Processing Payment..." })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white", children: "Complete Payment" }), amount && (0, jsx_runtime_1.jsxs)("span", { className: "text-white/90", children: ["$", Number(amount).toFixed(2)] })] })) })] }), showHowItWorks && ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", onClick: e => {
-                    if (e.target === e.currentTarget) {
-                        markHowItWorksAsSeen();
-                    }
-                }, children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-1 relative max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-2xl p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-6 flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-as-primary text-xl font-semibold", children: "How it works" }), (0, jsx_runtime_1.jsx)("button", { onClick: markHowItWorksAsSeen, className: "text-as-primary/60 hover:text-as-primary transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(PaymentMethodIcons_1.default, {}), (0, jsx_runtime_1.jsx)(HowItWorks_1.default, { steps: howItWorksSteps })] })] }) }))] }));
+                                    fields: {
+                                        phone: "always",
+                                    },
+                                    // More granular control
+                                    display: {
+                                        name: "split", // or 'split' for first/last name separately
+                                    },
+                                    // Validation
+                                    validation: {
+                                        phone: {
+                                            required: "auto", // or 'always', 'never'
+                                        },
+                                    },
+                                } }))] }), message && ((0, jsx_runtime_1.jsxs)("div", { className: "bg-as-red/10 border-as-red/20 flex w-full items-center gap-3 rounded-2xl border p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-red flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-red text-sm font-medium", children: message })] })), (0, jsx_runtime_1.jsx)(react_2.ShinyButton, { type: "submit", accentColor: "hsl(var(--as-brand))", disabled: !stripe || !elements || loading, className: "relative w-full py-4 text-lg font-semibold", children: loading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" }), (0, jsx_runtime_1.jsx)("span", { className: "text-white", children: "Processing Payment..." })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white", children: "Complete Payment" }), amount && (0, jsx_runtime_1.jsxs)("span", { className: "text-white/90", children: ["$", Number(amount).toFixed(2)] })] })) })] }), showHowItWorks && ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-1 relative max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-2xl p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-6 flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-as-primary text-xl font-semibold", children: "How it works" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setShowHowItWorks(false), className: "text-as-primary/60 hover:text-as-primary transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(PaymentMethodIcons_1.default, {}), (0, jsx_runtime_1.jsx)(HowItWorks_1.default, { steps: howItWorksSteps })] })] }) }))] }));
 }

package/dist/cjs/anyspend/react/components/common/PaymentVendorUI.js

@@ -14,8 +14,8 @@ function PaymentVendorUI({ order, dstTokenSymbol }) {
         return (0, jsx_runtime_1.jsx)(PaymentOneClick_1.default, { order: order, dstTokenSymbol: dstTokenSymbol });
     }
     // Handle Stripe Web2 payment flow
-    if (vendor === "stripe-web2" && order.stripePaymentIntentId) {
-        return (0, jsx_runtime_1.jsx)(PaymentStripeWeb2_1.default, { order: order, stripePaymentIntentId: order.stripePaymentIntentId });
+    if (vendor === "stripe-web2") {
+        return (0, jsx_runtime_1.jsx)(PaymentStripeWeb2_1.default, { order: order });
     }
     // Return null for unsupported vendors
     return null;

package/dist/esm/anyspend/react/components/common/PaymentStripeWeb2.d.ts

@@ -1,8 +1,7 @@
 import { components } from "../../../../anyspend/types/api";
 interface PaymentStripeWeb2Props {
     order: components["schemas"]["Order"];
-    stripePaymentIntentId: string;
     onPaymentSuccess?: (paymentIntent: any) => void;
 }
-export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;
+export default function PaymentStripeWeb2({ order, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/anyspend/react/components/common/PaymentStripeWeb2.js

@@ -4,18 +4,18 @@ import { OrderDetailsCollapsible, useStripeClientSecret } from "../../../../anys
 import { ShinyButton, useB3, useModalStore, useProfile } from "../../../../global-account/react/index.js";
 import { formatTokenAmount } from "../../../../shared/utils/number.js";
 import { formatStripeAmount } from "../../../../shared/utils/payment.utils.js";
-import { AddressElement, CardElement, Elements, useElements, useStripe } from "@stripe/react-stripe-js";
+import { AddressElement, Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
 import { X } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFingerprintWrapper.js";
 import HowItWorks from "./HowItWorks.js";
 import PaymentMethodIcons from "./PaymentMethodIcons.js";
 const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
-export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }) {
+export default function PaymentStripeWeb2({ order, onPaymentSuccess }) {
     const { theme } = useB3();
     const fingerprintConfig = getFingerprintConfig();
-    const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(stripePaymentIntentId);
+    const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(order.stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
         return _jsx(StripeLoadingState, {});
     }
@@ -42,36 +42,22 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     const [amount, setAmount] = useState(null);
     const [stripeReady, setStripeReady] = useState(false);
     const [showHowItWorks, setShowHowItWorks] = useState(false);
-    // Require-completion flags for Card & Address
-    const [cardComplete, setCardComplete] = useState(false);
-    const [addressComplete, setAddressComplete] = useState(false);
-    // Snapshot of AddressElement value to pass to billing_details
-    const [addressValue, setAddressValue] = useState(null);
-    // Helper function to mark "How it works" as seen
-    const markHowItWorksAsSeen = useCallback(() => {
-        setShowHowItWorks(false);
-        localStorage.setItem("b3-payment-how-it-works-seen", "true");
-    }, []);
+    const [showAddressElement, setShowAddressElement] = useState(false);
     useEffect(() => {
         if (stripe && elements) {
             setStripeReady(true);
         }
     }, [stripe, elements, order.id]);
-    // Check if user has seen "How it works" before
-    useEffect(() => {
-        const hasSeenHowItWorks = localStorage.getItem("b3-payment-how-it-works-seen");
-        if (!hasSeenHowItWorks) {
-            setShowHowItWorks(true);
-        }
-    }, []);
     useEffect(() => {
         const fetchPaymentIntent = async () => {
             if (!stripe || !clientSecret)
                 return;
             try {
                 const paymentIntent = await stripe.retrievePaymentIntent(clientSecret);
-                const amt = paymentIntent.paymentIntent?.amount ? formatStripeAmount(paymentIntent.paymentIntent.amount) : null;
-                setAmount(amt);
+                const amount = paymentIntent.paymentIntent?.amount
+                    ? formatStripeAmount(paymentIntent.paymentIntent.amount)
+                    : null;
+                setAmount(amount);
             }
             catch (error) {
                 console.error("@@stripe-web2-payment:retrieve-intent-error:", JSON.stringify(error, null, 2));
@@ -79,50 +65,23 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
         };
         fetchPaymentIntent();
     }, [clientSecret, stripe]);
+    // Handle payment element changes
+    const handlePaymentElementChange = (event) => {
+        // Show address element only for card payments
+        setShowAddressElement(event.value.type === "card");
+    };
     const handleSubmit = async (e) => {
         e.preventDefault();
-        if (!stripe || !elements || !clientSecret) {
+        if (!stripe || !elements) {
             setMessage("Stripe is not initialized");
             return;
         }
         setLoading(true);
         setMessage(null);
-        // Block submission until both card and billing address are complete
-        if (!cardComplete || !addressComplete) {
-            setMessage("Please complete all required billing address and card fields.");
-            setLoading(false);
-            return;
-        }
         try {
-            const card = elements.getElement(CardElement);
-            if (!card) {
-                setMessage("Card element not found");
-                setLoading(false);
-                return;
-            }
-            const result = (await stripe.confirmCardPayment(clientSecret, {
-                payment_method: {
-                    card,
-                    billing_details: {
-                        // Map AddressElement values into billing_details
-                        name: addressValue?.name
-                            ? typeof addressValue.name === "string"
-                                ? addressValue.name
-                                : [addressValue.name.firstName, addressValue.name.lastName].filter(Boolean).join(" ")
-                            : undefined,
-                        phone: addressValue?.phone || undefined,
-                        address: addressValue?.address
-                            ? {
-                                line1: addressValue.address.line1 || undefined,
-                                line2: addressValue.address.line2 || undefined,
-                                city: addressValue.address.city || undefined,
-                                state: addressValue.address.state || undefined, // province/region
-                                postal_code: addressValue.address.postal_code || undefined,
-                                country: addressValue.address.country || undefined,
-                            }
-                            : undefined,
-                    },
-                },
+            const result = (await stripe.confirmPayment({
+                elements,
+                redirect: "if_required",
             }));
             if (result.error) {
                 // This point will only be reached if there is an immediate error.
@@ -169,6 +128,16 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     if (!stripeReady) {
         return _jsx(StripeLoadingState, {});
     }
+    const stripeElementOptions = {
+        layout: "tabs",
+        fields: {
+            billingDetails: "auto",
+        },
+        wallets: {
+            applePay: "auto",
+            googlePay: "auto",
+        },
+    };
     const howItWorksSteps = [
         {
             number: 1,
@@ -183,19 +152,20 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
             description: "After payment confirmation, your order will be processed and completed automatically",
         },
     ];
-    return (_jsxs("div", { className: "relative mt-1 flex w-full flex-1 flex-col items-center justify-center", children: [_jsxs("form", { onSubmit: handleSubmit, className: "w-full space-y-6", children: [_jsx(OrderDetailsCollapsible, { order: order, dstToken: order.metadata.dstToken, tournament: order.type === "join_tournament" || order.type === "fund_tournament" ? order.metadata.tournament : undefined, nft: order.type === "mint_nft" ? order.metadata.nft : undefined, recipientName: recipientName, formattedExpectedDstAmount: formatTokenAmount(BigInt(order.srcAmount), order.metadata.dstToken.decimals), showTotal: true, totalAmount: amount ? `$${Number(amount).toFixed(2)}` : undefined }), _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "text-as-primary mb-4 text-lg font-semibold", children: "Payment Details" }), _jsx("div", { className: "border-as-stroke mb-4 rounded-lg border p-3", children: _jsx(CardElement, { options: {}, onChange: (e) => setCardComplete(!!e.complete) }) }), _jsx(AddressElement, { options: {
+    return (_jsxs("div", { className: "relative mt-1 flex w-full flex-1 flex-col items-center justify-center", children: [_jsxs("form", { onSubmit: handleSubmit, className: "w-full space-y-6", children: [_jsx(OrderDetailsCollapsible, { order: order, dstToken: order.metadata.dstToken, tournament: order.type === "join_tournament" || order.type === "fund_tournament" ? order.metadata.tournament : undefined, nft: order.type === "mint_nft" ? order.metadata.nft : undefined, recipientName: recipientName, formattedExpectedDstAmount: formatTokenAmount(BigInt(order.srcAmount), order.metadata.dstToken.decimals), showTotal: true, totalAmount: amount ? `$${Number(amount).toFixed(2)}` : undefined }), _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "text-as-primary mb-4 text-lg font-semibold", children: "Payment Details" }), _jsx(PaymentElement, { onChange: handlePaymentElementChange, options: stripeElementOptions }), showAddressElement && (_jsx(AddressElement, { options: {
                                     mode: "billing",
-                                    fields: { phone: "always" },
-                                    display: { name: "split" },
-                                    validation: { phone: { required: "always" } },
-                                }, 
-                                // Ensure we mirror Stripe's built-in completeness signal and capture values
-                                onChange: (e) => {
-                                    setAddressComplete(!!e.complete);
-                                    setAddressValue(e.value);
-                                } })] }), message && (_jsxs("div", { className: "bg-as-red/10 border-as-red/20 flex w-full items-center gap-3 rounded-2xl border p-4", children: [_jsx("div", { className: "bg-as-red flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: _jsx("svg", { className: "h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }), _jsx("div", { className: "text-as-red text-sm font-medium", children: message })] })), _jsx(ShinyButton, { type: "submit", accentColor: "hsl(var(--as-brand))", disabled: !stripe || !elements || loading || !cardComplete || !addressComplete, className: "relative w-full py-4 text-lg font-semibold", children: loading ? (_jsxs("div", { className: "flex items-center justify-center gap-3", children: [_jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" }), _jsx("span", { className: "text-white", children: "Processing Payment..." })] })) : (_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx("span", { className: "text-white", children: "Complete Payment" }), amount && _jsxs("span", { className: "text-white/90", children: ["$", Number(amount).toFixed(2)] })] })) })] }), showHowItWorks && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", onClick: e => {
-                    if (e.target === e.currentTarget) {
-                        markHowItWorksAsSeen();
-                    }
-                }, children: _jsxs("div", { className: "bg-as-on-surface-1 relative max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-2xl p-6", children: [_jsxs("div", { className: "mb-6 flex items-center justify-between", children: [_jsx("h2", { className: "text-as-primary text-xl font-semibold", children: "How it works" }), _jsx("button", { onClick: markHowItWorksAsSeen, className: "text-as-primary/60 hover:text-as-primary transition-colors", children: _jsx(X, { className: "h-6 w-6" }) })] }), _jsxs("div", { className: "space-y-6", children: [_jsx(PaymentMethodIcons, {}), _jsx(HowItWorks, { steps: howItWorksSteps })] })] }) }))] }));
+                                    fields: {
+                                        phone: "always",
+                                    },
+                                    // More granular control
+                                    display: {
+                                        name: "split", // or 'split' for first/last name separately
+                                    },
+                                    // Validation
+                                    validation: {
+                                        phone: {
+                                            required: "auto", // or 'always', 'never'
+                                        },
+                                    },
+                                } }))] }), message && (_jsxs("div", { className: "bg-as-red/10 border-as-red/20 flex w-full items-center gap-3 rounded-2xl border p-4", children: [_jsx("div", { className: "bg-as-red flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: _jsx("svg", { className: "h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }), _jsx("div", { className: "text-as-red text-sm font-medium", children: message })] })), _jsx(ShinyButton, { type: "submit", accentColor: "hsl(var(--as-brand))", disabled: !stripe || !elements || loading, className: "relative w-full py-4 text-lg font-semibold", children: loading ? (_jsxs("div", { className: "flex items-center justify-center gap-3", children: [_jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" }), _jsx("span", { className: "text-white", children: "Processing Payment..." })] })) : (_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx("span", { className: "text-white", children: "Complete Payment" }), amount && _jsxs("span", { className: "text-white/90", children: ["$", Number(amount).toFixed(2)] })] })) })] }), showHowItWorks && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: _jsxs("div", { className: "bg-as-on-surface-1 relative max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-2xl p-6", children: [_jsxs("div", { className: "mb-6 flex items-center justify-between", children: [_jsx("h2", { className: "text-as-primary text-xl font-semibold", children: "How it works" }), _jsx("button", { onClick: () => setShowHowItWorks(false), className: "text-as-primary/60 hover:text-as-primary transition-colors", children: _jsx(X, { className: "h-6 w-6" }) })] }), _jsxs("div", { className: "space-y-6", children: [_jsx(PaymentMethodIcons, {}), _jsx(HowItWorks, { steps: howItWorksSteps })] })] }) }))] }));
 }

package/dist/esm/anyspend/react/components/common/PaymentVendorUI.js

@@ -8,8 +8,8 @@ export default function PaymentVendorUI({ order, dstTokenSymbol }) {
         return _jsx(PaymentOneClick, { order: order, dstTokenSymbol: dstTokenSymbol });
     }
     // Handle Stripe Web2 payment flow
-    if (vendor === "stripe-web2" && order.stripePaymentIntentId) {
-        return _jsx(PaymentStripeWeb2, { order: order, stripePaymentIntentId: order.stripePaymentIntentId });
+    if (vendor === "stripe-web2") {
+        return _jsx(PaymentStripeWeb2, { order: order });
     }
     // Return null for unsupported vendors
     return null;

package/dist/styles/index.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@font-face{font-display:swap;font-family:Pack;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/pack.ttf) format("truetype")}@font-face{font-family:Neue Montreal Bold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-bold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-bold-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Regular;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-regular-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-regular-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Book;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-book-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-book-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Medium;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-medium-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-medium-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Semibold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-semibold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-semibold-webfont.woff) format("woff")}@font-face{font-family:Calibre Bold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-bold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-bold-webfont.woff) format("woff")}@font-face{font-family:Calibre Heavy;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-heavy-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-heavy-webfont.woff) format("woff")}@font-face{font-family:Calibre Regular;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-regular-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-regular-webfont.woff) format("woff")}.b3-root{--b3-react-background:0 0% 100%;--b3-react-foreground:0 0% 10%;--b3-react-card:0 0% 98%;--b3-react-card-foreground:0 0% 15%;--b3-react-subtle:0 0% 96%;--b3-react-secondary-foreground:0 0% 30%;--b3-react-primary:210 80% 45%;--b3-react-primary-foreground:0 0% 100%;--b3-react-muted-foreground:0 0% 50%;--b3-react-border:0 0% 90%;--b3-react-muted:256 16% 23%;--b3-react-ring:256 16% 23%;--b3-react-popover:210 40% 98%;--b3-react-popover-foreground:222 84% 5%;--as-primary:204 9% 11%;--as-content-primary:240 6% 10%;--as-content-secondary:240 5% 26%;--as-surface-primary:0 0% 100%;--as-surface-secondary:0 0% 98%;--as-on-surface-1:0 0% 99%;--as-on-surface-2:0 0% 94%;--as-on-surface-3:210 9% 91%;--as-on-surface-4:240 6% 90%;--as-border-primary:240 6% 83%;--as-border-secondary:240 6% 90%;--as-stroke:0 0% 94%;--as-n-8:0 0% 96%;--as-brand:215 90% 48%;--as-light-brand:215 90% 70%;--as-yellow:32 96% 64%;--as-secondary:212 6% 46%;--as-red:14 88% 52%;--as-error-secondary:4 95% 94%;--as-content-icon-error:4 74% 49%;--as-on-surface-disabled:0 0% 78%;--as-on-disabled:0 0% 44%;--as-shadow-lg:220 29% 5%;--as-quaternary:240 6% 65%;--as-tertiarry:235 6% 34%;--as-success-secondary:89 85% 89%;--as-content-icon-success:95 85% 35%;--as-content-disabled:220 6% 47%;--b3-foreground-muted:0 0% 40%;--b3-primary-blue:223 86% 57%;--b3-primary-wash:224 58% 94%;--b3-grey:0 0% 15%;--b3-line:0 0% 91%;--b3-white:0 0% 98%;--b3-background:0 0% 100%;--b3-positive:153 100% 39%;--b3-negative:0 100% 63%;--relay-colors-focus-color:#0c68e9!important;--brand-50:#d5e5fd;--brand-100:#d8f0ff;--brand-200:#8dbaf9;--brand-700:#0948a0;--red-100:#fde6d7;--green-100:#dff9e8;--border-brand:#2a9fff;--yellow-100:#fee6c7;--purple-100:#f5edfa;--purple-300:#ddc3ef;--yellow-50:#fff6eb;--dune:#f0eae3;--green:#32ae60;--red:#f04d1a;--purple:#b981da;--yellow:#fba94b;--brand:#0c68e9;--content-primary:#18181b;--content-secondary:#3f3f46;--content-placeholder:#70707b;--success-50:#f3fee7;--success-200:#d0f8ab;--success-700:#3b7c0f;--warning-50:#fefbe8;--warning-200:#feee95;--warning-700:#a15c07;--error-50:#fef3f2;--error-200:#fecdca;--error-700:#b42318;--brand-tertiary:#0b57c2;--fg-quaternary:#a0a0ab}.b3-root[data-theme=dark],html[data-theme=dark] .b3-root{--b3-react-background:0 0% 10%;--b3-react-foreground:0 0% 90%;--b3-react-card:0 0% 15%;--b3-react-card-foreground:0 0% 90%;--b3-react-subtle:0 0% 18%;--b3-react-secondary-foreground:0 0% 70%;--b3-react-primary:210 80% 45%;--b3-react-primary-foreground:0 0% 100%;--b3-react-muted-foreground:0 0% 50%;--b3-react-border:0 0% 25%;--b3-react-muted:256 16% 23%;--b3-react-popover:260 13% 9%;--b3-react-ring:256 16% 23%;--b3-react-popover:260,13%,9%;--b3-react-popover-foreground:215 40.54% 91.12%;--as-primary:0 0% 99%;--as-content-primary:0 0% 98%;--as-content-secondary:240 6% 83%;--as-surface-primary:240 7% 8%;--as-surface-secondary:240 6% 10%;--as-on-surface-1:204 9% 11%;--as-on-surface-2:213 10% 17%;--as-on-surface-3:203 8% 21%;--as-border-primary:240 5% 26%;--as-border-secondary:228 6% 16%;--as-stroke:213 10% 17%;--as-n-8:210 11% 7%;--as-brand:215 90% 48%;--as-light-brand:215 90% 70%;--as-yellow:32 96% 64%;--as-secondary:212 6% 46%;--as-red:14 88% 52%;--as-error-secondary:4 74% 49%;--as-content-icon-error:4 95% 94%;--as-on-surface-disabled:0 0% 78%;--as-on-disabled:0 0% 44%;--as-quaternary:240 6% 65%;--as-tertiarry:240 6% 65%;--as-success-secondary:95 85% 35%;--as-content-icon-success:89 85% 89%;--as-content-disabled:220 6% 47%;--relay-colors-focus-color:#0c68e9!important;--b3-foreground-muted:0 0% 65%;--b3-primary-blue:223 86% 67%;--b3-primary-wash:224 58% 15%;--b3-grey:0 0% 85%;--b3-line:0 0% 25%;--b3-white:0 0% 100%;--b3-background:0 0% 12%;--b3-positive:153 100% 49%;--b3-negative:0 100% 73%;--brand-50:#031633;--brand-100:#2a323f;--brand-200:#07387c;--brand-700:#67a4f7;--red-100:#6a5550;--green-100:rgba(68,90,76,.57);--border-brand:#2a9fff;--yellow-100:#957a6c;--purple-100:rgba(113,88,126,.38);--purple-300:#a375c3;--yellow-50:#82776b;--dune:#272c30;--content-primary:#fafafa;--content-secondary:#d1d1d6;--content-placeholder:#70707b;--utility-brand:#67a4f7;--success-50:#15290a;--success-200:#326212;--success-700:#a6ef67;--warning-50:#542c0d;--warning-200:#854a0e;--warning-700:#fde272;--error-50:#55160c;--error-200:#912018;--error-700:#fda29b;--brand-tertiary:#a0a0ab;--fg-quaternary:#51525c}.b3-root *,.b3-root :after,.b3-root :before{border:0 solid #e5e7eb;box-sizing:border-box}.b3-root :after,.b3-root :before{--tw-content:""}.b3-root :host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}.b3-root hr{border-top-width:1px;color:inherit;height:0}.b3-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.b3-root h1,.b3-root h2,.b3-root h3,.b3-root h4,.b3-root h5,.b3-root h6{font-size:inherit;font-weight:inherit}.b3-root a{color:inherit;text-decoration:inherit}.b3-root b,.b3-root strong{font-weight:bolder}.b3-root code,.b3-root kbd,.b3-root pre,.b3-root samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}.b3-root small{font-size:80%}.b3-root sub,.b3-root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.b3-root sub{bottom:-.25em}.b3-root sup{top:-.5em}.b3-root table{border-collapse:collapse;border-color:inherit;text-indent:0}.b3-root button,.b3-root input,.b3-root optgroup,.b3-root select,.b3-root textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.b3-root button,.b3-root select{text-transform:none}.b3-root [type=button],.b3-root [type=reset],.b3-root [type=submit],.b3-root button{-webkit-appearance:button;background-color:transparent;background-image:none}.b3-root :-moz-focusring{outline:auto}.b3-root :-moz-ui-invalid{box-shadow:none}.b3-root progress{vertical-align:baseline}.b3-root ::-webkit-inner-spin-button,.b3-root ::-webkit-outer-spin-button{height:auto}.b3-root [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.b3-root ::-webkit-search-decoration{-webkit-appearance:none}.b3-root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.b3-root summary{display:list-item}.b3-root blockquote,.b3-root dd,.b3-root dl,.b3-root figure,.b3-root h1,.b3-root h2,.b3-root h3,.b3-root h4,.b3-root h5,.b3-root h6,.b3-root hr,.b3-root p,.b3-root pre{margin:0}.b3-root fieldset{margin:0;padding:0}.b3-root legend{padding:0}.b3-root menu,.b3-root ol,.b3-root ul{list-style:none;margin:0;padding:0}.b3-root dialog{padding:0}.b3-root textarea{resize:vertical}.b3-root input::-moz-placeholder,.b3-root textarea::-moz-placeholder{color:#9ca3af;opacity:1}.b3-root input::placeholder,.b3-root textarea::placeholder{color:#9ca3af;opacity:1}.b3-root [role=button],.b3-root button{cursor:pointer}.b3-root :disabled{cursor:default}.b3-root audio,.b3-root canvas,.b3-root embed,.b3-root iframe,.b3-root img,.b3-root object,.b3-root svg,.b3-root video{display:block;vertical-align:middle}.b3-root img,.b3-root video{height:auto;max-width:100%}.b3-root [hidden]{display:none}.b3-root *,.b3-root :after,.b3-root :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.b3-root ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.b3-root .container{width:100%}.b3-root .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.b3-root .pointer-events-none{pointer-events:none}.b3-root .pointer-events-auto{pointer-events:auto}.b3-root .visible{visibility:visible}.b3-root .static{position:static}.b3-root .fixed{position:fixed}.b3-root .absolute{position:absolute}.b3-root .relative{position:relative}.b3-root .-inset-0{inset:0}.b3-root .-inset-0\.5{inset:-.125rem}.b3-root .inset-0{inset:0}.b3-root .inset-x-0{left:0;right:0}.b3-root .-bottom-1{bottom:-.25rem}.b3-root .-right-1{right:-.25rem}.b3-root .-right-4{right:-1rem}.b3-root .bottom-0{bottom:0}.b3-root .bottom-2{bottom:.5rem}.b3-root .bottom-3{bottom:.75rem}.b3-root .left-0{left:0}.b3-root .left-1\/2{left:50%}.b3-root .left-4{left:1rem}.b3-root .left-\[2px\]{left:2px}.b3-root .right-0{right:0}.b3-root .right-3{right:.75rem}.b3-root .right-4{right:1rem}.b3-root .top-0{top:0}.b3-root .top-1\/2{top:50%}.b3-root .top-12{top:3rem}.b3-root .top-2{top:.5rem}.b3-root .top-4{top:1rem}.b3-root .top-\[calc\(50\%\+56px\)\]{top:calc(50% + 56px)}.b3-root .top-full{top:100%}.b3-root .isolate{isolation:isolate}.b3-root .z-0{z-index:0}.b3-root .z-10{z-index:10}.b3-root .z-50{z-index:50}.b3-root .z-\[5\]{z-index:5}.b3-root .z-\[9999\]{z-index:9999}.b3-root .col-span-3{grid-column:span 3/span 3}.b3-root .m-2{margin:.5rem}.b3-root .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.b3-root .mx-1{margin-left:.25rem;margin-right:.25rem}.b3-root .mx-auto{margin-left:auto;margin-right:auto}.b3-root .my-8{margin-bottom:2rem;margin-top:2rem}.b3-root .-mb-3{margin-bottom:-.75rem}.b3-root .-mb-5{margin-bottom:-1.25rem}.b3-root .-mt-0{margin-top:0}.b3-root .-mt-0\.5{margin-top:-.125rem}.b3-root .-mt-1{margin-top:-.25rem}.b3-root .mb-1{margin-bottom:.25rem}.b3-root .mb-12{margin-bottom:3rem}.b3-root .mb-2{margin-bottom:.5rem}.b3-root .mb-3{margin-bottom:.75rem}.b3-root .mb-4{margin-bottom:1rem}.b3-root .mb-6{margin-bottom:1.5rem}.b3-root .ml-1{margin-left:.25rem}.b3-root .ml-10{margin-left:2.5rem}.b3-root .ml-2{margin-left:.5rem}.b3-root .ml-3{margin-left:.75rem}.b3-root .ml-4{margin-left:1rem}.b3-root .ml-auto{margin-left:auto}.b3-root .mr-2{margin-right:.5rem}.b3-root .mr-4{margin-right:1rem}.b3-root .mr-auto{margin-right:auto}.b3-root .mt-0{margin-top:0}.b3-root .mt-1{margin-top:.25rem}.b3-root .mt-2{margin-top:.5rem}.b3-root .mt-24{margin-top:6rem}.b3-root .mt-3{margin-top:.75rem}.b3-root .mt-4{margin-top:1rem}.b3-root .mt-6{margin-top:1.5rem}.b3-root .mt-8{margin-top:2rem}.b3-root .mt-\[-100px\]{margin-top:-100px}.b3-root .mt-\[-60px\]{margin-top:-60px}.b3-root .mt-auto{margin-top:auto}.b3-root .block{display:block}.b3-root .inline-block{display:inline-block}.b3-root .inline{display:inline}.b3-root .flex{display:flex}.b3-root .inline-flex{display:inline-flex}.b3-root .grid{display:grid}.b3-root .inline-grid{display:inline-grid}.b3-root .contents{display:contents}.b3-root .hidden{display:none}.b3-root .aspect-square{aspect-ratio:1/1}.b3-root .size-10{height:2.5rem;width:2.5rem}.b3-root .size-12{height:3rem;width:3rem}.b3-root .size-16{height:4rem;width:4rem}.b3-root .size-24{height:6rem;width:6rem}.b3-root .size-3{height:.75rem;width:.75rem}.b3-root .size-32{height:8rem;width:8rem}.b3-root .size-4{height:1rem;width:1rem}.b3-root .size-48{height:12rem;width:12rem}.b3-root .size-5{height:1.25rem;width:1.25rem}.b3-root .size-6{height:1.5rem;width:1.5rem}.b3-root .size-7{height:1.75rem;width:1.75rem}.b3-root .size-8{height:2rem;width:2rem}.b3-root .size-\[120px\]{height:120px;width:120px}.b3-root .size-\[200px\]{height:200px;width:200px}.b3-root .size-full{height:100%;width:100%}.b3-root .h-1{height:.25rem}.b3-root .h-10{height:2.5rem}.b3-root .h-11{height:2.75rem}.b3-root .h-12{height:3rem}.b3-root .h-14{height:3.5rem}.b3-root .h-16{height:4rem}.b3-root .h-2{height:.5rem}.b3-root .h-2\.5{height:.625rem}.b3-root .h-24{height:6rem}.b3-root .h-3{height:.75rem}.b3-root .h-4{height:1rem}.b3-root .h-5{height:1.25rem}.b3-root .h-6{height:1.5rem}.b3-root .h-7{height:1.75rem}.b3-root .h-8{height:2rem}.b3-root .h-9{height:2.25rem}.b3-root .h-\[100px\]{height:100px}.b3-root .h-\[160px\]{height:160px}.b3-root .h-\[200px\]{height:200px}.b3-root .h-\[220px\]{height:220px}.b3-root .h-\[270px\]{height:270px}.b3-root .h-\[2px\]{height:2px}.b3-root .h-\[32px\]{height:32px}.b3-root .h-\[36px\]{height:36px}.b3-root .h-\[45\%\]{height:45%}.b3-root .h-\[600px\]{height:600px}.b3-root .h-\[60px\]{height:60px}.b3-root .h-\[84px\]{height:84px}.b3-root .h-auto{height:auto}.b3-root .h-fit{height:-moz-fit-content;height:fit-content}.b3-root .h-full{height:100%}.b3-root .h-px{height:1px}.b3-root .max-h-48{max-height:12rem}.b3-root .max-h-60{max-height:15rem}.b3-root .max-h-\[300px\]{max-height:300px}.b3-root .max-h-\[60dvh\]{max-height:60dvh}.b3-root .max-h-\[80vh\]{max-height:80vh}.b3-root .max-h-\[90dvh\]{max-height:90dvh}.b3-root .min-h-4{min-height:1rem}.b3-root .min-h-8{min-height:2rem}.b3-root .min-h-\[650px\]{min-height:650px}.b3-root .min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.b3-root .w-0{width:0}.b3-root .w-0\.5{width:.125rem}.b3-root .w-1{width:.25rem}.b3-root .w-1\/2{width:50%}.b3-root .w-10{width:2.5rem}.b3-root .w-11{width:2.75rem}.b3-root .w-12{width:3rem}.b3-root .w-14{width:3.5rem}.b3-root .w-16{width:4rem}.b3-root .w-2{width:.5rem}.b3-root .w-2\.5{width:.625rem}.b3-root .w-24{width:6rem}.b3-root .w-3{width:.75rem}.b3-root .w-32{width:8rem}.b3-root .w-4{width:1rem}.b3-root .w-4\/5{width:80%}.b3-root .w-48{width:12rem}.b3-root .w-5{width:1.25rem}.b3-root .w-5\/6{width:83.333333%}.b3-root .w-6{width:1.5rem}.b3-root .w-7{width:1.75rem}.b3-root .w-8{width:2rem}.b3-root .w-9{width:2.25rem}.b3-root .w-\[100px\]{width:100px}.b3-root .w-\[140px\]{width:140px}.b3-root .w-\[200px\]{width:200px}.b3-root .w-\[2px\]{width:2px}.b3-root .w-\[360px\]{width:360px}.b3-root .w-\[3px\]{width:3px}.b3-root .w-\[400px\]{width:400px}.b3-root .w-\[420px\]{width:420px}.b3-root .w-\[45\%\]{width:45%}.b3-root .w-\[460px\]{width:460px}.b3-root .w-\[560px\]{width:560px}.b3-root .w-\[calc\(100\%-12px\)\]{width:calc(100% - 12px)}.b3-root .w-auto{width:auto}.b3-root .w-fit{width:-moz-fit-content;width:fit-content}.b3-root .w-full{width:100%}.b3-root .min-w-4{min-width:1rem}.b3-root .min-w-48{min-width:12rem}.b3-root .min-w-64{min-width:16rem}.b3-root .min-w-8{min-width:2rem}.b3-root .min-w-\[70px\]{min-width:70px}.b3-root .max-w-2xl{max-width:42rem}.b3-root .max-w-48{max-width:12rem}.b3-root .max-w-\[200px\]{max-width:200px}.b3-root .max-w-\[400px\]{max-width:400px}.b3-root .max-w-\[460px\]{max-width:460px}.b3-root .max-w-\[90vw\]{max-width:90vw}.b3-root .max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.b3-root .max-w-full{max-width:100%}.b3-root .max-w-lg{max-width:32rem}.b3-root .max-w-md{max-width:28rem}.b3-root .flex-1{flex:1 1 0%}.b3-root .flex-none{flex:none}.b3-root .shrink-0{flex-shrink:0}.b3-root .grow{flex-grow:1}.b3-root .origin-center{transform-origin:center}.b3-root .-translate-x-1\/2{--tw-translate-x:-50%}.b3-root .-translate-x-1\/2,.b3-root .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .-translate-y-1\/2{--tw-translate-y:-50%}.b3-root .translate-x-0{--tw-translate-x:0px}.b3-root .translate-x-0,.b3-root .translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .translate-x-full{--tw-translate-x:100%}.b3-root .-rotate-90{--tw-rotate:-90deg}.b3-root .-rotate-90,.b3-root .rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .rotate-0{--tw-rotate:0deg}.b3-root .rotate-180{--tw-rotate:180deg}.b3-root .rotate-180,.b3-root .scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}.b3-root .scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.b3-root .scale-95,.b3-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.b3-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-fade{0%,to{opacity:1}50%{opacity:.5}}.b3-root .animate-pulse-fade{animation:pulse-fade 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.b3-root .animate-spin{animation:spin 1s linear infinite}.b3-root .cursor-default{cursor:default}.b3-root .cursor-not-allowed{cursor:not-allowed}.b3-root .cursor-pointer{cursor:pointer}.b3-root .touch-none{touch-action:none}.b3-root .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.b3-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.b3-root .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.b3-root .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.b3-root .flex-col{flex-direction:column}.b3-root .flex-col-reverse{flex-direction:column-reverse}.b3-root .flex-wrap{flex-wrap:wrap}.b3-root .items-start{align-items:flex-start}.b3-root .items-end{align-items:flex-end}.b3-root .items-center{align-items:center}.b3-root .items-stretch{align-items:stretch}.b3-root .justify-normal{justify-content:normal}.b3-root .justify-start{justify-content:flex-start}.b3-root .justify-end{justify-content:flex-end}.b3-root .justify-center{justify-content:center}.b3-root .justify-between{justify-content:space-between}.b3-root .justify-around{justify-content:space-around}.b3-root .justify-evenly{justify-content:space-evenly}.b3-root .gap-0{gap:0}.b3-root .gap-1{gap:.25rem}.b3-root .gap-1\.5{gap:.375rem}.b3-root .gap-10{gap:2.5rem}.b3-root .gap-2{gap:.5rem}.b3-root .gap-3{gap:.75rem}.b3-root .gap-4{gap:1rem}.b3-root .gap-5{gap:1.25rem}.b3-root .gap-6{gap:1.5rem}.b3-root .gap-8{gap:2rem}.b3-root .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.b3-root .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.b3-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.b3-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.b3-root .place-self-end{place-self:end}.b3-root .overflow-auto{overflow:auto}.b3-root .overflow-hidden{overflow:hidden}.b3-root .overflow-y-auto{overflow-y:auto}.b3-root .overflow-x-hidden{overflow-x:hidden}.b3-root .truncate{overflow:hidden;white-space:nowrap}.b3-root .text-ellipsis,.b3-root .truncate{text-overflow:ellipsis}.b3-root .whitespace-nowrap{white-space:nowrap}.b3-root .break-all{word-break:break-all}.b3-root .rounded{border-radius:.25rem}.b3-root .rounded-2xl{border-radius:1rem}.b3-root .rounded-\[50\%\]{border-radius:50%}.b3-root .rounded-\[inherit\]{border-radius:inherit}.b3-root .rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.b3-root .rounded-full{border-radius:9999px}.b3-root .rounded-lg{border-radius:.5rem}.b3-root .rounded-md{border-radius:.375rem}.b3-root .rounded-none{border-radius:0}.b3-root .rounded-sm{border-radius:.125rem}.b3-root .rounded-xl{border-radius:.75rem}.b3-root .rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.b3-root .rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.b3-root .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.b3-root .border{border-width:1px}.b3-root .border-0{border-width:0}.b3-root .border-2{border-width:2px}.b3-root .border-4{border-width:4px}.b3-root .border-\[3px\]{border-width:3px}.b3-root .border-x{border-left-width:1px;border-right-width:1px}.b3-root .border-b{border-bottom-width:1px}.b3-root .border-b-2{border-bottom-width:2px}.b3-root .border-l{border-left-width:1px}.b3-root .border-r{border-right-width:1px}.b3-root .border-t{border-top-width:1px}.b3-root .border-none{border-style:none}.b3-root .border-as-border-primary{border-color:hsl(var(--as-border-primary))}.b3-root .border-as-border-secondary{border-color:hsl(var(--as-border-secondary))}.b3-root .border-as-brand{border-color:hsl(var(--as-brand))}.b3-root .border-as-brand\/10{border-color:hsl(var(--as-brand)/.1)}.b3-root .border-as-brand\/30{border-color:hsl(var(--as-brand)/.3)}.b3-root .border-as-red{border-color:hsl(var(--as-red))}.b3-root .border-as-red\/20{border-color:hsl(var(--as-red)/.2)}.b3-root .border-as-stroke{border-color:hsl(var(--as-stroke))}.b3-root .border-b3-background{border-color:hsl(var(--b3-background))}.b3-root .border-b3-line{border-color:hsl(var(--b3-line))}.b3-root .border-b3-react-border{border-color:hsl(var(--b3-react-border))}.b3-root .border-b3-react-subtle{border-color:hsl(var(--b3-react-subtle))}.b3-root .border-black\/10{border-color:rgba(0,0,0,.1)}.b3-root .border-black\/50{border-color:rgba(0,0,0,.5)}.b3-root .border-current{border-color:currentColor}.b3-root .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.b3-root .border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.b3-root .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.b3-root .border-red-500\/80{border-color:rgba(239,68,68,.8)}.b3-root .border-transparent{border-color:transparent}.b3-root .border-white\/10{border-color:hsla(0,0%,100%,.1)}.b3-root .border-white\/20{border-color:hsla(0,0%,100%,.2)}.b3-root .border-white\/30{border-color:hsla(0,0%,100%,.3)}.b3-root .border-l-transparent{border-left-color:transparent}.b3-root .border-t-as-primary{border-top-color:hsl(var(--as-primary))}.b3-root .border-t-transparent{border-top-color:transparent}.b3-root .border-t-white\/15{border-top-color:hsla(0,0%,100%,.15)}.b3-root .\!bg-as-brand{background-color:hsl(var(--as-brand))!important}.b3-root .\!bg-as-on-surface-2{background-color:hsl(var(--as-on-surface-2))!important}.b3-root .\!bg-as-red{background-color:hsl(var(--as-red))!important}.b3-root .bg-\[\#3368ef\]{--tw-bg-opacity:1;background-color:rgb(51 104 239/var(--tw-bg-opacity))}.b3-root .bg-as-border-primary{background-color:hsl(var(--as-border-primary))}.b3-root .bg-as-brand{background-color:hsl(var(--as-brand))}.b3-root .bg-as-brand\/10{background-color:hsl(var(--as-brand)/.1)}.b3-root .bg-as-brand\/20{background-color:hsl(var(--as-brand)/.2)}.b3-root .bg-as-error-secondary{background-color:hsl(var(--as-error-secondary))}.b3-root .bg-as-light-brand{background-color:hsl(var(--as-light-brand))}.b3-root .bg-as-light-brand\/20{background-color:hsl(var(--as-light-brand)/.2)}.b3-root .bg-as-on-surface-1{background-color:hsl(var(--as-on-surface-1))}.b3-root .bg-as-on-surface-2{background-color:hsl(var(--as-on-surface-2))}.b3-root .bg-as-on-surface-2\/30{background-color:hsl(var(--as-on-surface-2)/.3)}.b3-root .bg-as-primary\/30{background-color:hsl(var(--as-primary)/.3)}.b3-root .bg-as-red{background-color:hsl(var(--as-red))}.b3-root .bg-as-red\/10{background-color:hsl(var(--as-red)/.1)}.b3-root .bg-as-red\/60{background-color:hsl(var(--as-red)/.6)}.b3-root .bg-as-success-secondary{background-color:hsl(var(--as-success-secondary))}.b3-root .bg-as-surface-primary{background-color:hsl(var(--as-surface-primary))}.b3-root .bg-as-surface-secondary{background-color:hsl(var(--as-surface-secondary))}.b3-root .bg-b3-background{background-color:hsl(var(--b3-background))}.b3-root .bg-b3-grey{background-color:hsl(var(--b3-grey))}.b3-root .bg-b3-line{background-color:hsl(var(--b3-line))}.b3-root .bg-b3-primary-wash{background-color:hsl(var(--b3-primary-wash))}.b3-root .bg-b3-react-background{background-color:hsl(var(--b3-react-background))}.b3-root .bg-b3-react-card{background-color:hsl(var(--b3-react-card))}.b3-root .bg-b3-react-foreground{background-color:hsl(var(--b3-react-foreground))}.b3-root .bg-b3-react-muted{background-color:hsl(var(--b3-react-muted))}.b3-root .bg-b3-react-muted\/30{background-color:hsl(var(--b3-react-muted)/.3)}.b3-root .bg-b3-react-popover{background-color:hsl(var(--b3-react-popover))}.b3-root .bg-b3-react-primary{background-color:hsl(var(--b3-react-primary))}.b3-root .bg-black\/20{background-color:rgba(0,0,0,.2)}.b3-root .bg-black\/30{background-color:rgba(0,0,0,.3)}.b3-root .bg-black\/50{background-color:rgba(0,0,0,.5)}.b3-root .bg-black\/80{background-color:rgba(0,0,0,.8)}.b3-root .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.b3-root .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.b3-root .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.b3-root .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.b3-root .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.b3-root .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.b3-root .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.b3-root .bg-green-500\/10{background-color:rgba(34,197,94,.1)}.b3-root .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.b3-root .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.b3-root .bg-red-500\/10{background-color:rgba(239,68,68,.1)}.b3-root .bg-red-600\/80{background-color:rgba(220,38,38,.8)}.b3-root .bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity))}.b3-root .bg-transparent{background-color:transparent}.b3-root .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.b3-root .bg-white\/10{background-color:hsla(0,0%,100%,.1)}.b3-root .bg-white\/5{background-color:hsla(0,0%,100%,.05)}.b3-root .bg-white\/50{background-color:hsla(0,0%,100%,.5)}.b3-root .bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.b3-root .bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.b3-root .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.b3-root .from-\[\#15121c\]{--tw-gradient-from:#15121c var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,18,28,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-as-brand\/50{--tw-gradient-from:hsl(var(--as-brand)/0.5) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--as-brand)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-as-light-brand{--tw-gradient-from:hsl(var(--as-light-brand)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--as-light-brand)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-b3-react-background{--tw-gradient-from:hsl(var(--b3-react-background)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--b3-react-background)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-blue-500\/10{--tw-gradient-from:rgba(59,130,246,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-blue-500\/20{--tw-gradient-from:rgba(59,130,246,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-20\%{--tw-gradient-from-position:20%}.b3-root .from-35\%{--tw-gradient-from-position:35%}.b3-root .via-black\/70{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.b3-root .via-purple-500\/50{--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(168,85,247,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.b3-root .via-80\%{--tw-gradient-via-position:80%}.b3-root .to-as-brand\/10{--tw-gradient-to:hsl(var(--as-brand)/0.1) var(--tw-gradient-to-position)}.b3-root .to-as-on-surface-1{--tw-gradient-to:hsl(var(--as-on-surface-1)) var(--tw-gradient-to-position)}.b3-root .to-purple-600\/10{--tw-gradient-to:rgba(147,51,234,.1) var(--tw-gradient-to-position)}.b3-root .to-purple-600\/20{--tw-gradient-to:rgba(147,51,234,.2) var(--tw-gradient-to-position)}.b3-root .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.b3-root .bg-\[length\:250\%_100\%\2c auto\]{background-size:250% 100%,auto}.b3-root .bg-clip-text{-webkit-background-clip:text;background-clip:text}.b3-root .fill-b3-negative{fill:hsl(var(--b3-negative))}.b3-root .fill-b3-positive{fill:hsl(var(--b3-positive))}.b3-root .fill-b3-react-background{fill:hsl(var(--b3-react-background))}.b3-root .fill-b3-react-primary{fill:hsl(var(--b3-react-primary))}.b3-root .object-contain{-o-object-fit:contain;object-fit:contain}.b3-root .object-cover{-o-object-fit:cover;object-fit:cover}.b3-root .object-center{-o-object-position:center;object-position:center}.b3-root .p-0{padding:0}.b3-root .p-1{padding:.25rem}.b3-root .p-1\.5{padding:.375rem}.b3-root .p-2{padding:.5rem}.b3-root .p-3{padding:.75rem}.b3-root .p-3\.5{padding:.875rem}.b3-root .p-4{padding:1rem}.b3-root .p-5{padding:1.25rem}.b3-root .p-6{padding:1.5rem}.b3-root .p-8{padding:2rem}.b3-root .p-px{padding:1px}.b3-root .px-2{padding-left:.5rem;padding-right:.5rem}.b3-root .px-2\.5{padding-left:.625rem;padding-right:.625rem}.b3-root .px-3{padding-left:.75rem;padding-right:.75rem}.b3-root .px-4{padding-left:1rem;padding-right:1rem}.b3-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.b3-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.b3-root .px-8{padding-left:2rem;padding-right:2rem}.b3-root .py-0{padding-bottom:0;padding-top:0}.b3-root .py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.b3-root .py-1{padding-bottom:.25rem;padding-top:.25rem}.b3-root .py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.b3-root .py-12{padding-bottom:3rem;padding-top:3rem}.b3-root .py-2{padding-bottom:.5rem;padding-top:.5rem}.b3-root .py-3{padding-bottom:.75rem;padding-top:.75rem}.b3-root .py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.b3-root .py-4{padding-bottom:1rem;padding-top:1rem}.b3-root .py-6{padding-bottom:1.5rem;padding-top:1.5rem}.b3-root .py-8{padding-bottom:2rem;padding-top:2rem}.b3-root .pb-1{padding-bottom:.25rem}.b3-root .pb-2{padding-bottom:.5rem}.b3-root .pb-3{padding-bottom:.75rem}.b3-root .pb-5{padding-bottom:1.25rem}.b3-root .pl-4{padding-left:1rem}.b3-root .pr-2{padding-right:.5rem}.b3-root .pr-20{padding-right:5rem}.b3-root .pr-4{padding-right:1rem}.b3-root .pt-0{padding-top:0}.b3-root .pt-1{padding-top:.25rem}.b3-root .pt-2{padding-top:.5rem}.b3-root .pt-3{padding-top:.75rem}.b3-root .pt-4{padding-top:1rem}.b3-root .pt-8{padding-top:2rem}.b3-root .text-left{text-align:left}.b3-root .text-center{text-align:center}.b3-root .text-right{text-align:right}.b3-root .font-inter{font-family:Inter,sans-serif}.b3-root .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.b3-root .font-neue-montreal-bold{font-family:Neue Montreal Bold,sans-serif}.b3-root .font-neue-montreal-medium{font-family:Neue Montreal Medium,sans-serif}.b3-root .font-neue-montreal-semibold{font-family:Neue Montreal Semibold,sans-serif}.b3-root .font-pack{font-family:Pack,sans-serif}.b3-root .text-2xl{font-size:1.5rem;line-height:2rem}.b3-root .text-3xl{font-size:1.875rem;line-height:2.25rem}.b3-root .text-4xl{font-size:2.25rem;line-height:2.5rem}.b3-root .text-\[10px\]{font-size:10px}.b3-root .text-\[16px\]{font-size:16px}.b3-root .text-\[28px\]{font-size:28px}.b3-root .text-base{font-size:1rem;line-height:1.5rem}.b3-root .text-lg{font-size:1.125rem;line-height:1.75rem}.b3-root .text-sm{font-size:.875rem;line-height:1.25rem}.b3-root .text-xl{font-size:1.25rem;line-height:1.75rem}.b3-root .text-xs{font-size:.75rem;line-height:1rem}.b3-root .font-bold{font-weight:700}.b3-root .font-medium{font-weight:500}.b3-root .font-semibold{font-weight:600}.b3-root .uppercase{text-transform:uppercase}.b3-root .lowercase{text-transform:lowercase}.b3-root .leading-\[42px\]{line-height:42px}.b3-root .leading-none{line-height:1}.b3-root .leading-relaxed{line-height:1.625}.b3-root .tracking-tight{letter-spacing:-.025em}.b3-root .tracking-wide{letter-spacing:.025em}.b3-root .tracking-widest{letter-spacing:.1em}.b3-root .text-\[rgb\(0\2c 0\2c 0\2c 65\%\)\]{color:rgb(0,0,0,65%)}.b3-root .text-\[rgb\(255\2c 255\2c 255\2c 90\%\)\]{color:hsla(0,0%,100%,.9)}.b3-root .text-as-brand{color:hsl(var(--as-brand))}.b3-root .text-as-brand\/70{color:hsl(var(--as-brand)/.7)}.b3-root .text-as-content-disabled{color:hsl(var(--as-content-disabled))}.b3-root .text-as-content-icon-error{color:hsl(var(--as-content-icon-error))}.b3-root .text-as-content-icon-success{color:hsl(var(--as-content-icon-success))}.b3-root .text-as-content-primary{color:hsl(var(--as-text-primary))}.b3-root .text-as-content-secondary{color:hsl(var(--as-content-secondary))}.b3-root .text-as-primary{color:hsl(var(--as-primary))}.b3-root .text-as-primary\/30{color:hsl(var(--as-primary)/.3)}.b3-root .text-as-primary\/40{color:hsl(var(--as-primary)/.4)}.b3-root .text-as-primary\/50{color:hsl(var(--as-primary)/.5)}.b3-root .text-as-primary\/60{color:hsl(var(--as-primary)/.6)}.b3-root .text-as-primary\/70{color:hsl(var(--as-primary)/.7)}.b3-root .text-as-quaternary{color:hsl(var(--as-quaternary))}.b3-root .text-as-red{color:hsl(var(--as-red))}.b3-root .text-as-secondary{color:hsl(var(--as-secondary))}.b3-root .text-as-tertiarry{color:hsl(var(--as-tertiarry))}.b3-root .text-b3-background{color:hsl(var(--b3-background))}.b3-root .text-b3-foreground-muted{color:hsl(var(--b3-foreground-muted))}.b3-root .text-b3-grey{color:hsl(var(--b3-grey))}.b3-root .text-b3-negative{color:hsl(var(--b3-negative))}.b3-root .text-b3-positive{color:hsl(var(--b3-positive))}.b3-root .text-b3-primary-blue{color:hsl(var(--b3-primary-blue))}.b3-root .text-b3-react-background{color:hsl(var(--b3-react-background))}.b3-root .text-b3-react-foreground{color:hsl(var(--b3-react-foreground))}.b3-root .text-b3-react-foreground\/40{color:hsl(var(--b3-react-foreground)/.4)}.b3-root .text-b3-react-foreground\/60{color:hsl(var(--b3-react-foreground)/.6)}.b3-root .text-b3-react-foreground\/70{color:hsl(var(--b3-react-foreground)/.7)}.b3-root .text-b3-react-foreground\/80{color:hsl(var(--b3-react-foreground)/.8)}.b3-root .text-b3-react-muted-foreground{color:hsl(var(--b3-react-muted-foreground))}.b3-root .text-b3-react-popover-foreground{color:hsl(var(--b3-react-popover-foreground))}.b3-root .text-b3-react-primary{color:hsl(var(--b3-react-primary))}.b3-root .text-b3-react-primary-foreground{color:hsl(var(--b3-react-primary-foreground))}.b3-root .text-black\/90{color:rgba(0,0,0,.9)}.b3-root .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.b3-root .text-blue-500\/70{color:rgba(59,130,246,.7)}.b3-root .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.b3-root .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.b3-root .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.b3-root .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.b3-root .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.b3-root .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.b3-root .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.b3-root .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.b3-root .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.b3-root .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.b3-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.b3-root .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.b3-root .text-transparent{color:transparent}.b3-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root .text-white\/50{color:hsla(0,0%,100%,.5)}.b3-root .text-white\/90{color:hsla(0,0%,100%,.9)}.b3-root .text-white\/95{color:hsla(0,0%,100%,.95)}.b3-root .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.b3-root .text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.b3-root .underline{text-decoration-line:underline}.b3-root .underline-offset-4{text-underline-offset:4px}.b3-root .opacity-0{opacity:0}.b3-root .opacity-10{opacity:.1}.b3-root .opacity-100{opacity:1}.b3-root .opacity-30{opacity:.3}.b3-root .opacity-50{opacity:.5}.b3-root .opacity-60{opacity:.6}.b3-root .opacity-70{opacity:.7}.b3-root .opacity-\[var\(--opacity\)\]{opacity:var(--opacity)}.b3-root .mix-blend-color-dodge{mix-blend-mode:color-dodge}.b3-root .mix-blend-soft-light{mix-blend-mode:soft-light}.b3-root .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.b3-root .shadow,.b3-root .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.b3-root .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.b3-root .shadow-md,.b3-root .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.b3-root .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.b3-root .outline-none{outline:2px solid transparent;outline-offset:2px}.b3-root .outline{outline-style:solid}.b3-root .ring-offset-b3-react-background{--tw-ring-offset-color:hsl(var(--b3-react-background))}.b3-root .blur{--tw-blur:blur(8px)}.b3-root .blur,.b3-root .blur-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b3-root .blur-md{--tw-blur:blur(12px)}.b3-root .blur-xl{--tw-blur:blur(24px)}.b3-root .blur-xl,.b3-root .drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 1\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b3-root .drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 1\)\]{--tw-drop-shadow:drop-shadow(0 1px 2px #000)}.b3-root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b3-root .backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px)}.b3-root .backdrop-blur-\[20px\],.b3-root .backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.b3-root .backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .duration-100{transition-duration:.1s}.b3-root .duration-200{transition-duration:.2s}.b3-root .duration-300{transition-duration:.3s}.b3-root .duration-500{transition-duration:.5s}.b3-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.b3-root .will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.b3-root .animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.b3-root .fade-in-0{--tw-enter-opacity:0}.b3-root .zoom-in-95{--tw-enter-scale:.95}.b3-root .duration-100{animation-duration:.1s}.b3-root .duration-200{animation-duration:.2s}.b3-root .duration-300{animation-duration:.3s}.b3-root .duration-500{animation-duration:.5s}.b3-root .ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.b3-root .paused{animation-play-state:paused}.b3-root .\[--base-color\:\#a1a1aa\]{--base-color:#a1a1aa}.b3-root .\[--base-gradient-color\:\#000\]{--base-gradient-color:#000}.b3-root .\[--bg\:linear-gradient\(90deg\2c \#0000_calc\(50\%-var\(--spread\)\)\2c var\(--base-gradient-color\)\2c \#0000_calc\(50\%\+var\(--spread\)\)\)\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}.b3-root .\[background-blend-mode\:hue_hue_hue_overlay\]{background-blend-mode:hue hue hue overlay}.b3-root .\[background-repeat\:no-repeat\2c padding-box\]{background-repeat:no-repeat,padding-box}.b3-root .\[background\:radial-gradient\(farthest-corner_circle_at_var\(--m-x\)_var\(--m-y\)\2c _rgba\(255\2c 255\2c 255\2c 0\.8\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.65\)_20\%\2c _rgba\(255\2c 255\2c 255\2c 0\)_90\%\)\]{background:radial-gradient(farthest-corner circle at var(--m-x) var(--m-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,100%,0) 90%)}.b3-root .\[background\:var\(--pattern\)\2c _var\(--rainbow\)\2c _var\(--diagonal\)\2c _var\(--shade\)\]{background:var(--pattern),var(--rainbow),var(--diagonal),var(--shade)}.b3-root .\[clip-path\:inset\(0_0_0_0_round_var\(--radius\)\)\]{clip-path:inset(0 0 0 0 round var(--radius))}.b3-root .\[clip-path\:inset\(0_0_1px_0_round_var\(--radius\)\)\]{clip-path:inset(0 0 1px 0 round var(--radius))}.b3-root .\[contain\:layout_style\]{contain:layout style}.b3-root .\[grid-area\:1\/1\]{grid-area:1/1}.b3-root .\[perspective\:1200px\]{perspective:1200px}.b3-root .\[perspective\:600px\]{perspective:600px}.b3-root .\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.b3-root .\[transform\:rotateY\(var\(--r-x\)\)_rotateX\(var\(--r-y\)\)\]{transform:rotateY(var(--r-x)) rotateX(var(--r-y))}.b3-root .b3-modal{background-color:hsl(var(--b3-react-background));border-radius:1rem;border-width:1px;border:1px solid var(--border);color:hsl(var(--b3-react-foreground));outline:none;overflow:hidden}.b3-root .b3-modal-freestyle{background:transparent!important;padding:0!important}.b3-root .b3-modal-back-button:hover{border-style:none;--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.b3-root .b3-modal-back-button:focus{outline:none}.b3-root .b3-modal-back-button{border-style:none;color:hsl(var(--b3-react-muted-foreground))}.b3-root .bg-b3-react-card{background-color:var(--b3-react-card);border-radius:.5rem;border-width:1px;border:1px solid var(--border);padding:1rem}.b3-root .b3-text-primary{color:hsl(var(--b3-react-primary))}.b3-root .b3-text-muted{color:hsl(var(--b3-react-muted-foreground))}.b3-root .b3-button-primary{background-color:hsl(var(--b3-react-primary));border-radius:.75rem;color:hsl(var(--b3-react-primary-foreground))}@media (hover:hover) and (pointer:fine){.b3-root .b3-button-primary:hover{background-color:hsl(var(--b3-react-primary)/.9)}}.b3-root .b3-address-tag{background-color:hsl(var(--b3-react-background));border-radius:.375rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem}.b3-root .b3-permission-item{background-color:hsl(var(--b3-react-card));background-color:var(--b3-react-card);border-radius:.5rem;border-width:1px;border:1px solid var(--border);padding:1rem}.b3-root .b3-modal .css-1r76jxl{background-color:hsl(var(--b3-react-background))}.b3-root .b3-modal .css-1cv2836,.b3-root .b3-modal .css-1d4s0we img[width="24"],.b3-root .b3-modal .css-1m9ejup{display:none!important}.b3-root .b3-modal .css-1r76jxl{border:none}.b3-root .divider{background:hsl(var(--as-border-secondary));display:block;height:1px}.b3-root .font-sf-rounded{letter-spacing:.05rem}.b3-root .label-style{font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.b3-root .no-scrollbar::-webkit-scrollbar{display:none}.b3-root .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.b3-root .text-nano{font-family:SFCompact,sans-serif;font-size:10px;letter-spacing:.05em}.b3-root .b3-login-step input{border-radius:8px!important;color:hsl(var(--b3-react-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px!important;padding-left:16px!important;transition:all .2s ease!important}.b3-root .b3-login-step input,.b3-root .b3-login-step input:focus{border:none!important;outline:none!important}.b3-root .b3-login-step input::-moz-placeholder{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px}.b3-root .b3-login-step input::placeholder{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px}.b3-root .b3-login-step button span{font-family:Neue Montreal Semibold,sans-serif!important}.b3-root .b3-login-step button[aria-label*="Login with"]{background-color:#fff!important;border:1px solid hsl(var(--b3-line))!important;border-radius:16px!important;height:72px!important;padding:16px!important}.b3-root .b3-login-step button[aria-label*="Login with"]:hover{background-color:hsl(var(--b3-white)/.8)!important;border-color:hsl(var(--b3-line)/.8)!important;cursor:pointer}.b3-root .b3-login-step button[aria-label*="Login with"]:active{box-shadow:0 2px 4px hsl(var(--b3-react-foreground)/.1)!important;transform:translateY(0)!important}.b3-root .b3-login-step div[style*="flex-direction: row"][style*="position: relative"]{background:hsla(var(--b3-white),1);border:2px solid hsl(var(--b3-primary-blue))!important;border-radius:32px!important;box-shadow:none!important;font-size:16px;height:56px;margin:0 1px!important;outline:none!important;overflow:hidden!important;transition:all .2s ease!important}.b3-root .b3-login-step div[style*="flex-direction: row"][style*="position: relative"]:focus-within{border-color:hsl(var(--b3-primary-blue))!important}.b3-root .b3-login-step div[style*="flex-direction: row"] button{background-color:hsl(var(--b3-react-primary))!important;border:8px solid #fff!important;border-radius:100%!important;color:hsl(var(--b3-react-primary-foreground))!important;flex-shrink:0;height:36px!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.b3-root .b3-login-step select{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Medium,sans-serif!important;font-size:16px!important}.b3-root .b3-login-step div[style*="flex-direction: row"] button:hover{background-color:hsl(var(--b3-react-primary)/.9)!important}.b3-root .b3-login-step div[style*="flex-direction: row"] button svg{color:hsl(var(--b3-react-primary-foreground))!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"]{background-color:hsla(var(--b3-white),1)!important;border:1px solid hsl(var(--b3-line))!important;border-radius:32px!important;color:hsl(var(--b3-react-foreground))!important;font-family:Neue Montreal Regular,sans-serif!important;font-size:16px!important;height:56px!important;margin:0 1px!important;padding-left:16px!important;transition:all .2s ease!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"]:hover{background-color:hsl(var(--b3-white)/.8)!important;border-color:hsl(var(--b3-line)/.8)!important;cursor:pointer}.b3-root .b3-login-step button[style*="justify-content: flex-start"]:active{transform:translateY(0)!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"] span{color:hsl(var(--b3-react-foreground))!important;font-weight:500!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"] svg{color:hsl(var(--b3-primary-blue))!important;transition:color .2s ease!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"]:focus svg{color:hsl(var(--b3-foreground-muted))!important}.b3-root .b3-login-step div[style*="flex-direction: column"],.b3-root .b3-login-step div[style*="flex-direction: column"]>div{gap:16px!important}.b3-root .b3-login-step>div>div>div>div>div[style*="height: 24px"]{display:none!important}.b3-root .b3-login-step div[style*="flex-flow: wrap"]{gap:12px!important}.b3-root .b3-login-step>div>div>div>div{padding:0 24px!important}.b3-root .b3-login-step>div>div>div>div>div:first-child,.b3-root .b3-login-step>div>div>div>div>div[style*="flex: 1 1 0%"]{padding:0!important}.b3-root .b3-login-step *{transition:all .2s ease!important}.b3-root .b3-login-step button:focus-visible{outline:2px solid hsl(var(--b3-react-primary))!important;outline-offset:2px!important}.b3-root .b3-login-step span[color=danger]{color:hsl(var(--b3-negative))!important;font-family:Neue Montreal Medium,sans-serif!important}@media (max-width:480px){.b3-root .b3-login-step>div>div>div>div{padding:0 24px!important}.b3-root .b3-login-step button[aria-label*="Login with"]{min-height:48px!important;padding:10px!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"]{min-height:44px!important;padding:10px 12px!important}}.b3-root .b3-login-step ul{gap:24px!important}.b3-root .b3-login-step ul li button img{height:64px!important;width:64px!important}.b3-root .b3-login-step ul li button div:last-child{gap:4px!important}.b3-root :is(.b3-login-step ul li button div:last-child) span[color=primaryText]{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px!important}.b3-root .b3-login-step h2{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:24px!important}.b3-root .b3-login-step+h2{padding-bottom:32px!important}.b3-root .b3-login-step div>div>div>div>div>div>span[color=primaryText]{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:24px!important}.b3-root :is(.b3-login-step div>div>div>div>div>div>span[color=primaryText])+div+span{color:hsl(var(--b3-foreground-muted))!important;font-family:Neue Montreal Medium,sans-serif!important;font-size:16px!important}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.b3-root .animate-accordion-down{animation:accordion-down .2s ease-out}.b3-root .animate-accordion-up{animation:accordion-up .2s ease-out}.b3-root .file\:border-0::file-selector-button{border-width:0}.b3-root .file\:bg-transparent::file-selector-button{background-color:transparent}.b3-root .file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.b3-root .file\:font-medium::file-selector-button{font-weight:500}.b3-root .placeholder\:text-as-primary\/50::-moz-placeholder{color:hsl(var(--as-primary)/.5)}.b3-root .placeholder\:text-as-primary\/50::placeholder{color:hsl(var(--as-primary)/.5)}.b3-root .placeholder\:text-as-primary\/70::-moz-placeholder{color:hsl(var(--as-primary)/.7)}.b3-root .placeholder\:text-as-primary\/70::placeholder{color:hsl(var(--as-primary)/.7)}.b3-root .placeholder\:text-b3-react-muted-foreground::-moz-placeholder{color:hsl(var(--b3-react-muted-foreground))}.b3-root .placeholder\:text-b3-react-muted-foreground::placeholder{color:hsl(var(--b3-react-muted-foreground))}.b3-root .after\:bg-\[inherit\]:after{background-color:inherit;content:var(--tw-content)}.b3-root .after\:mix-blend-exclusion:after{content:var(--tw-content);mix-blend-mode:exclusion}.b3-root .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.b3-root .after\:\[background-blend-mode\:soft-light\2c _hue\2c _hard-light\]:after{background-blend-mode:soft-light,hue,hard-light;content:var(--tw-content)}.b3-root .after\:\[background-position\:center\2c _0\%_var\(--bg-y\)\2c _calc\(var\(--bg-x\)\*_-1\)_calc\(var\(--bg-y\)\*_-1\)\2c _var\(--bg-x\)_var\(--bg-y\)\]:after{background-position:50%,0 var(--bg-y),calc(var(--bg-x)*-1) calc(var(--bg-y)*-1),var(--bg-x) var(--bg-y);content:var(--tw-content)}.b3-root .after\:\[background-size\:var\(--foil-size\)\2c _200\%_400\%\2c _800\%\2c _200\%\]:after{background-size:var(--foil-size),200% 400%,800%,200%;content:var(--tw-content)}@media (hover:hover) and (pointer:fine){.b3-root .hover\:rotate-180:hover{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .hover\:border-as-border-secondary:hover{border-color:hsl(var(--as-border-secondary))}.b3-root .hover\:border-as-brand:hover{border-color:hsl(var(--as-brand))}.b3-root .hover\:border-as-brand\/50:hover{border-color:hsl(var(--as-brand)/.5)}.b3-root .hover\:border-as-secondary\/80:hover{border-color:hsl(var(--as-secondary)/.8)}.b3-root .hover\:border-black\/30:hover{border-color:rgba(0,0,0,.3)}.b3-root .hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.b3-root .hover\:bg-\[\#3368ef\]\/90:hover{background-color:rgba(51,104,239,.9)}.b3-root .hover\:bg-as-brand\/5:hover{background-color:hsl(var(--as-brand)/.05)}.b3-root .hover\:bg-as-brand\/90:hover{background-color:hsl(var(--as-brand)/.9)}.b3-root .hover\:bg-as-light-brand\/30:hover{background-color:hsl(var(--as-light-brand)/.3)}.b3-root .hover\:bg-as-on-surface-2:hover{background-color:hsl(var(--as-on-surface-2))}.b3-root .hover\:bg-as-on-surface-3:hover{background-color:hsl(var(--as-on-surface-3))}.b3-root .hover\:bg-as-surface-primary:hover{background-color:hsl(var(--as-surface-primary))}.b3-root .hover\:bg-as-surface-secondary:hover{background-color:hsl(var(--as-surface-secondary))}.b3-root .hover\:bg-b3-line:hover{background-color:hsl(var(--b3-line))}.b3-root .hover\:bg-b3-primary-wash\/70:hover{background-color:hsl(var(--b3-primary-wash)/.7)}.b3-root .hover\:bg-b3-react-background:hover{background-color:hsl(var(--b3-react-background))}.b3-root .hover\:bg-b3-react-muted\/50:hover{background-color:hsl(var(--b3-react-muted)/.5)}.b3-root .hover\:bg-b3-react-primary\/80:hover{background-color:hsl(var(--b3-react-primary)/.8)}.b3-root .hover\:bg-b3-react-primary\/90:hover{background-color:hsl(var(--b3-react-primary)/.9)}.b3-root .hover\:bg-black\/30:hover{background-color:rgba(0,0,0,.3)}.b3-root .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.b3-root .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.b3-root .hover\:bg-gray-100\/50:hover{background-color:rgba(243,244,246,.5)}.b3-root .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.b3-root .hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.b3-root .hover\:text-as-primary:hover{color:hsl(var(--as-primary))}.b3-root .hover\:text-as-primary\/80:hover{color:hsl(var(--as-primary)/.8)}.b3-root .hover\:text-b3-foreground-muted\/80:hover{color:hsl(var(--b3-foreground-muted)/.8)}.b3-root .hover\:text-b3-grey\/80:hover{color:hsl(var(--b3-grey)/.8)}.b3-root .hover\:text-b3-react-foreground:hover{color:hsl(var(--b3-react-foreground))}.b3-root .hover\:text-b3-react-foreground\/80:hover{color:hsl(var(--b3-react-foreground)/.8)}.b3-root .hover\:text-b3-react-foreground\/90:hover{color:hsl(var(--b3-react-foreground)/.9)}.b3-root .hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.b3-root .hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.b3-root .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.b3-root .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.b3-root .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root .hover\:underline:hover{text-decoration-line:underline}.b3-root .hover\:opacity-100:hover{opacity:1}.b3-root .hover\:shadow-\[0_0_20px_rgb\(0\2c 0\2c 0\2c 20\%\)\]:hover{--tw-shadow:0 0 20px rgb(0,0,0,20%);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.b3-root .hover\:shadow-\[0_0_20px_rgb\(0\2c 0\2c 0\2c 20\%\)\]:hover,.b3-root .hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.b3-root .hover\:filter-none:hover{filter:none}.b3-root .hover\:\[--duration\:200ms\]:hover{--duration:200ms}.b3-root .hover\:\[--easing\:linear\]:hover{--easing:linear}.b3-root .hover\:\[--opacity\:0\.1\]:hover{--opacity:0.1}}.b3-root .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.b3-root .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.b3-root .focus\:ring-b3-react-ring:focus{--tw-ring-color:hsl(var(--b3-react-ring))}.b3-root .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.b3-root .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.b3-root .focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.b3-root .focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.b3-root .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.b3-root .focus-visible\:ring-b3-react-ring:focus-visible{--tw-ring-color:hsl(var(--b3-react-ring))}.b3-root .focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.b3-root .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.b3-root .disabled\:pointer-events-none:disabled{pointer-events:none}.b3-root .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.b3-root .disabled\:bg-as-on-surface-2:disabled{background-color:hsl(var(--as-on-surface-2))}.b3-root .disabled\:text-as-primary\/70:disabled{color:hsl(var(--as-primary)/.7)}.b3-root .disabled\:text-as-secondary:disabled{color:hsl(var(--as-secondary))}.b3-root .disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.b3-root .disabled\:hover\:border-b3-react-border:hover:disabled{border-color:hsl(var(--b3-react-border))}.b3-root .group:hover .group-hover\:fill-b3-react-primary{fill:hsl(var(--b3-react-primary))}.b3-root .group:hover .group-hover\:text-as-brand{color:hsl(var(--as-brand))}.b3-root .group:hover .group-hover\:text-as-primary\/60{color:hsl(var(--as-primary)/.6)}.b3-root .group:hover .group-hover\:text-as-primary\/90{color:hsl(var(--as-primary)/.9)}.b3-root .group:hover .group-hover\:text-b3-react-foreground\/60{color:hsl(var(--b3-react-foreground)/.6)}.b3-root .group:hover .group-hover\:text-b3-react-primary{color:hsl(var(--b3-react-primary))}.b3-root .group:hover .group-hover\:opacity-100{opacity:1}.b3-root .group:hover .group-hover\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.b3-root .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.b3-root .data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-left-radius:0;border-bottom-right-radius:0}.b3-root .data-\[state\=active\]\:border-b[data-state=active]{border-bottom-width:1px}.b3-root .data-\[state\=inactive\]\:border-b3-react-border[data-state=inactive]{border-color:hsl(var(--b3-react-border))}.b3-root .data-\[state\=active\]\:border-b-b3-primary-blue[data-state=active]{border-bottom-color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=active\]\:bg-b3-react-subtle[data-state=active]{background-color:hsl(var(--b3-react-subtle))}.b3-root .data-\[state\=active\]\:bg-white[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.b3-root .data-\[state\=open\]\:bg-b3-react-background[data-state=open]{background-color:hsl(var(--b3-react-background))}.b3-root .data-\[state\=active\]\:font-bold[data-state=active]{font-weight:700}.b3-root .data-\[state\=active\]\:text-b3-primary-blue[data-state=active]{color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=active\]\:text-b3-react-primary[data-state=active]{color:hsl(var(--b3-react-primary))}.b3-root .data-\[state\=inactive\]\:text-b3-react-muted-foreground[data-state=inactive],.b3-root .data-\[state\=open\]\:text-b3-react-muted-foreground[data-state=open]{color:hsl(var(--b3-react-muted-foreground))}.b3-root .data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.b3-root .data-\[state\=closed\]\:backdrop-blur-none[data-state=closed]{--tw-backdrop-blur:blur(0)}.b3-root .data-\[state\=closed\]\:backdrop-blur-none[data-state=closed],.b3-root .data-\[state\=open\]\:backdrop-blur-\[20px\][data-state=open]{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .data-\[state\=open\]\:backdrop-blur-\[20px\][data-state=open]{--tw-backdrop-blur:blur(20px)}.b3-root .data-\[state\=open\]\:animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.b3-root .data-\[state\=closed\]\:animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.b3-root .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.b3-root .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.b3-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.b3-root .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.b3-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.b3-root .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.b3-root .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.b3-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.b3-root .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.b3-root .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.b3-root .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.b3-root .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.b3-root :is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:border-gray-800){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-800\/50){background-color:rgba(31,41,55,.5)}.b3-root :is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-transparent){background-color:transparent}.b3-root :is(.dark .dark\:bg-\[radial-gradient\(ellipse_at_50\%_0\%\2c hsl\(var\(--b3-react-primary\)\/25\%\)_0\%\2c transparent_70\%\)\]){background-image:radial-gradient(ellipse at 50% 0,hsl(var(--b3-react-primary)/25%) 0,transparent 70%)}.b3-root :is(.dark .dark\:text-\[rgb\(255\2c 255\2c 255\2c 90\%\)\]){color:hsla(0,0%,100%,.9)}.b3-root :is(.dark .dark\:text-gray-100){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:\[--base-color\:\#71717a\]){--base-color:#71717a}.b3-root :is(.dark .dark\:\[--base-gradient-color\:\#ffffff\]){--base-gradient-color:#fff}.b3-root :is(.dark .dark\:\[--bg\:linear-gradient\(90deg\2c \#0000_calc\(50\%-var\(--spread\)\)\2c var\(--base-gradient-color\)\2c \#0000_calc\(50\%\+var\(--spread\)\)\)\]){--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}@media (hover:hover) and (pointer:fine){.b3-root :is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:hover\:bg-gray-700\/50:hover){background-color:rgba(55,65,81,.5)}.b3-root :is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}.b3-root :is(.dark .dark\:data-\[state\=open\]\:bg-gray-800[data-state=open]){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:data-\[state\=open\]\:text-gray-400[data-state=open]){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}@media (max-width:1023px){.b3-root .lg\:right-0{right:0}}@media (max-width:767px){.b3-root .md\:hidden{display:none}.b3-root .md\:p-4{padding:1rem}.b3-root .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.b3-root .md\:pb-4{padding-bottom:1rem}.b3-root .md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (max-width:480px){.b3-root .sm\:hidden{display:none}.b3-root .sm\:h-8{height:2rem}.b3-root .sm\:max-h-\[80dvh\]{max-height:80dvh}.b3-root .sm\:w-8{width:2rem}.b3-root .sm\:max-w-lg{max-width:32rem}.b3-root .sm\:flex-row{flex-direction:row}.b3-root .sm\:justify-end{justify-content:flex-end}.b3-root .sm\:justify-between{justify-content:space-between}.b3-root .sm\:gap-0{gap:0}.b3-root .sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.b3-root .sm\:rounded-xl{border-radius:.75rem}.b3-root .sm\:p-6{padding:1.5rem}.b3-root .sm\:px-0{padding-left:0;padding-right:0}.b3-root .sm\:text-left{text-align:left}.b3-root .sm\:text-\[30px\]{font-size:30px}.b3-root .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}.b3-root .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.b3-root .\[\&_\[cmdk-group-heading\]\]\:text-b3-react-muted-foreground [cmdk-group-heading]{color:hsl(var(--b3-react-muted-foreground))}.b3-root .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.b3-root .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.b3-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.b3-root .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.b3-root .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.b3-root .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.b3-root .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.b3-root .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.b3-root .\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.b3-root .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@font-face{font-display:swap;font-family:Pack;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/pack.ttf) format("truetype")}@font-face{font-family:Neue Montreal Bold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-bold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-bold-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Regular;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-regular-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-regular-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Book;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-book-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-book-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Medium;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-medium-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-medium-webfont.woff) format("woff")}@font-face{font-family:Neue Montreal Semibold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/ppneuemontreal-semibold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/ppneuemontreal-semibold-webfont.woff) format("woff")}@font-face{font-family:Calibre Bold;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-bold-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-bold-webfont.woff) format("woff")}@font-face{font-family:Calibre Heavy;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-heavy-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-heavy-webfont.woff) format("woff")}@font-face{font-family:Calibre Regular;font-style:normal;font-weight:400;src:url(https://cdn.b3.fun/fonts/calibre2-regular-webfont.woff2) format("woff2"),url(https://cdn.b3.fun/fonts/calibre2-regular-webfont.woff) format("woff")}.b3-root{--b3-react-background:0 0% 100%;--b3-react-foreground:0 0% 10%;--b3-react-card:0 0% 98%;--b3-react-card-foreground:0 0% 15%;--b3-react-subtle:0 0% 96%;--b3-react-secondary-foreground:0 0% 30%;--b3-react-primary:210 80% 45%;--b3-react-primary-foreground:0 0% 100%;--b3-react-muted-foreground:0 0% 50%;--b3-react-border:0 0% 90%;--b3-react-muted:256 16% 23%;--b3-react-ring:256 16% 23%;--b3-react-popover:210 40% 98%;--b3-react-popover-foreground:222 84% 5%;--as-primary:204 9% 11%;--as-content-primary:240 6% 10%;--as-content-secondary:240 5% 26%;--as-surface-primary:0 0% 100%;--as-surface-secondary:0 0% 98%;--as-on-surface-1:0 0% 99%;--as-on-surface-2:0 0% 94%;--as-on-surface-3:210 9% 91%;--as-on-surface-4:240 6% 90%;--as-border-primary:240 6% 83%;--as-border-secondary:240 6% 90%;--as-stroke:0 0% 94%;--as-n-8:0 0% 96%;--as-brand:215 90% 48%;--as-light-brand:215 90% 70%;--as-yellow:32 96% 64%;--as-secondary:212 6% 46%;--as-red:14 88% 52%;--as-error-secondary:4 95% 94%;--as-content-icon-error:4 74% 49%;--as-on-surface-disabled:0 0% 78%;--as-on-disabled:0 0% 44%;--as-shadow-lg:220 29% 5%;--as-quaternary:240 6% 65%;--as-tertiarry:235 6% 34%;--as-success-secondary:89 85% 89%;--as-content-icon-success:95 85% 35%;--as-content-disabled:220 6% 47%;--b3-foreground-muted:0 0% 40%;--b3-primary-blue:223 86% 57%;--b3-primary-wash:224 58% 94%;--b3-grey:0 0% 15%;--b3-line:0 0% 91%;--b3-white:0 0% 98%;--b3-background:0 0% 100%;--b3-positive:153 100% 39%;--b3-negative:0 100% 63%;--relay-colors-focus-color:#0c68e9!important;--brand-50:#d5e5fd;--brand-100:#d8f0ff;--brand-200:#8dbaf9;--brand-700:#0948a0;--red-100:#fde6d7;--green-100:#dff9e8;--border-brand:#2a9fff;--yellow-100:#fee6c7;--purple-100:#f5edfa;--purple-300:#ddc3ef;--yellow-50:#fff6eb;--dune:#f0eae3;--green:#32ae60;--red:#f04d1a;--purple:#b981da;--yellow:#fba94b;--brand:#0c68e9;--content-primary:#18181b;--content-secondary:#3f3f46;--content-placeholder:#70707b;--success-50:#f3fee7;--success-200:#d0f8ab;--success-700:#3b7c0f;--warning-50:#fefbe8;--warning-200:#feee95;--warning-700:#a15c07;--error-50:#fef3f2;--error-200:#fecdca;--error-700:#b42318;--brand-tertiary:#0b57c2;--fg-quaternary:#a0a0ab}.b3-root[data-theme=dark],html[data-theme=dark] .b3-root{--b3-react-background:0 0% 10%;--b3-react-foreground:0 0% 90%;--b3-react-card:0 0% 15%;--b3-react-card-foreground:0 0% 90%;--b3-react-subtle:0 0% 18%;--b3-react-secondary-foreground:0 0% 70%;--b3-react-primary:210 80% 45%;--b3-react-primary-foreground:0 0% 100%;--b3-react-muted-foreground:0 0% 50%;--b3-react-border:0 0% 25%;--b3-react-muted:256 16% 23%;--b3-react-popover:260 13% 9%;--b3-react-ring:256 16% 23%;--b3-react-popover:260,13%,9%;--b3-react-popover-foreground:215 40.54% 91.12%;--as-primary:0 0% 99%;--as-content-primary:0 0% 98%;--as-content-secondary:240 6% 83%;--as-surface-primary:240 7% 8%;--as-surface-secondary:240 6% 10%;--as-on-surface-1:204 9% 11%;--as-on-surface-2:213 10% 17%;--as-on-surface-3:203 8% 21%;--as-border-primary:240 5% 26%;--as-border-secondary:228 6% 16%;--as-stroke:213 10% 17%;--as-n-8:210 11% 7%;--as-brand:215 90% 48%;--as-light-brand:215 90% 70%;--as-yellow:32 96% 64%;--as-secondary:212 6% 46%;--as-red:14 88% 52%;--as-error-secondary:4 74% 49%;--as-content-icon-error:4 95% 94%;--as-on-surface-disabled:0 0% 78%;--as-on-disabled:0 0% 44%;--as-quaternary:240 6% 65%;--as-tertiarry:240 6% 65%;--as-success-secondary:95 85% 35%;--as-content-icon-success:89 85% 89%;--as-content-disabled:220 6% 47%;--relay-colors-focus-color:#0c68e9!important;--b3-foreground-muted:0 0% 65%;--b3-primary-blue:223 86% 67%;--b3-primary-wash:224 58% 15%;--b3-grey:0 0% 85%;--b3-line:0 0% 25%;--b3-white:0 0% 100%;--b3-background:0 0% 12%;--b3-positive:153 100% 49%;--b3-negative:0 100% 73%;--brand-50:#031633;--brand-100:#2a323f;--brand-200:#07387c;--brand-700:#67a4f7;--red-100:#6a5550;--green-100:rgba(68,90,76,.57);--border-brand:#2a9fff;--yellow-100:#957a6c;--purple-100:rgba(113,88,126,.38);--purple-300:#a375c3;--yellow-50:#82776b;--dune:#272c30;--content-primary:#fafafa;--content-secondary:#d1d1d6;--content-placeholder:#70707b;--utility-brand:#67a4f7;--success-50:#15290a;--success-200:#326212;--success-700:#a6ef67;--warning-50:#542c0d;--warning-200:#854a0e;--warning-700:#fde272;--error-50:#55160c;--error-200:#912018;--error-700:#fda29b;--brand-tertiary:#a0a0ab;--fg-quaternary:#51525c}.b3-root *,.b3-root :after,.b3-root :before{border:0 solid #e5e7eb;box-sizing:border-box}.b3-root :after,.b3-root :before{--tw-content:""}.b3-root :host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}.b3-root hr{border-top-width:1px;color:inherit;height:0}.b3-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.b3-root h1,.b3-root h2,.b3-root h3,.b3-root h4,.b3-root h5,.b3-root h6{font-size:inherit;font-weight:inherit}.b3-root a{color:inherit;text-decoration:inherit}.b3-root b,.b3-root strong{font-weight:bolder}.b3-root code,.b3-root kbd,.b3-root pre,.b3-root samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}.b3-root small{font-size:80%}.b3-root sub,.b3-root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.b3-root sub{bottom:-.25em}.b3-root sup{top:-.5em}.b3-root table{border-collapse:collapse;border-color:inherit;text-indent:0}.b3-root button,.b3-root input,.b3-root optgroup,.b3-root select,.b3-root textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.b3-root button,.b3-root select{text-transform:none}.b3-root [type=button],.b3-root [type=reset],.b3-root [type=submit],.b3-root button{-webkit-appearance:button;background-color:transparent;background-image:none}.b3-root :-moz-focusring{outline:auto}.b3-root :-moz-ui-invalid{box-shadow:none}.b3-root progress{vertical-align:baseline}.b3-root ::-webkit-inner-spin-button,.b3-root ::-webkit-outer-spin-button{height:auto}.b3-root [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.b3-root ::-webkit-search-decoration{-webkit-appearance:none}.b3-root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.b3-root summary{display:list-item}.b3-root blockquote,.b3-root dd,.b3-root dl,.b3-root figure,.b3-root h1,.b3-root h2,.b3-root h3,.b3-root h4,.b3-root h5,.b3-root h6,.b3-root hr,.b3-root p,.b3-root pre{margin:0}.b3-root fieldset{margin:0;padding:0}.b3-root legend{padding:0}.b3-root menu,.b3-root ol,.b3-root ul{list-style:none;margin:0;padding:0}.b3-root dialog{padding:0}.b3-root textarea{resize:vertical}.b3-root input::-moz-placeholder,.b3-root textarea::-moz-placeholder{color:#9ca3af;opacity:1}.b3-root input::placeholder,.b3-root textarea::placeholder{color:#9ca3af;opacity:1}.b3-root [role=button],.b3-root button{cursor:pointer}.b3-root :disabled{cursor:default}.b3-root audio,.b3-root canvas,.b3-root embed,.b3-root iframe,.b3-root img,.b3-root object,.b3-root svg,.b3-root video{display:block;vertical-align:middle}.b3-root img,.b3-root video{height:auto;max-width:100%}.b3-root [hidden]{display:none}.b3-root *,.b3-root :after,.b3-root :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.b3-root ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.b3-root .container{width:100%}.b3-root .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.b3-root .pointer-events-none{pointer-events:none}.b3-root .pointer-events-auto{pointer-events:auto}.b3-root .visible{visibility:visible}.b3-root .static{position:static}.b3-root .fixed{position:fixed}.b3-root .absolute{position:absolute}.b3-root .relative{position:relative}.b3-root .-inset-0{inset:0}.b3-root .-inset-0\.5{inset:-.125rem}.b3-root .inset-0{inset:0}.b3-root .inset-x-0{left:0;right:0}.b3-root .-bottom-1{bottom:-.25rem}.b3-root .-right-1{right:-.25rem}.b3-root .-right-4{right:-1rem}.b3-root .bottom-0{bottom:0}.b3-root .bottom-2{bottom:.5rem}.b3-root .bottom-3{bottom:.75rem}.b3-root .bottom-full{bottom:100%}.b3-root .left-0{left:0}.b3-root .left-1\/2{left:50%}.b3-root .left-4{left:1rem}.b3-root .left-\[2px\]{left:2px}.b3-root .right-0{right:0}.b3-root .right-3{right:.75rem}.b3-root .right-4{right:1rem}.b3-root .top-0{top:0}.b3-root .top-1\/2{top:50%}.b3-root .top-12{top:3rem}.b3-root .top-2{top:.5rem}.b3-root .top-4{top:1rem}.b3-root .top-\[calc\(50\%\+56px\)\]{top:calc(50% + 56px)}.b3-root .top-full{top:100%}.b3-root .isolate{isolation:isolate}.b3-root .z-0{z-index:0}.b3-root .z-10{z-index:10}.b3-root .z-50{z-index:50}.b3-root .z-\[5\]{z-index:5}.b3-root .z-\[9999\]{z-index:9999}.b3-root .col-span-3{grid-column:span 3/span 3}.b3-root .m-2{margin:.5rem}.b3-root .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.b3-root .mx-1{margin-left:.25rem;margin-right:.25rem}.b3-root .mx-auto{margin-left:auto;margin-right:auto}.b3-root .my-8{margin-bottom:2rem;margin-top:2rem}.b3-root .-mb-3{margin-bottom:-.75rem}.b3-root .-mb-5{margin-bottom:-1.25rem}.b3-root .-mt-0{margin-top:0}.b3-root .-mt-0\.5{margin-top:-.125rem}.b3-root .-mt-1{margin-top:-.25rem}.b3-root .mb-1{margin-bottom:.25rem}.b3-root .mb-12{margin-bottom:3rem}.b3-root .mb-2{margin-bottom:.5rem}.b3-root .mb-3{margin-bottom:.75rem}.b3-root .mb-4{margin-bottom:1rem}.b3-root .mb-6{margin-bottom:1.5rem}.b3-root .ml-1{margin-left:.25rem}.b3-root .ml-10{margin-left:2.5rem}.b3-root .ml-2{margin-left:.5rem}.b3-root .ml-3{margin-left:.75rem}.b3-root .ml-4{margin-left:1rem}.b3-root .ml-auto{margin-left:auto}.b3-root .mr-2{margin-right:.5rem}.b3-root .mr-4{margin-right:1rem}.b3-root .mr-auto{margin-right:auto}.b3-root .mt-0{margin-top:0}.b3-root .mt-1{margin-top:.25rem}.b3-root .mt-2{margin-top:.5rem}.b3-root .mt-24{margin-top:6rem}.b3-root .mt-3{margin-top:.75rem}.b3-root .mt-4{margin-top:1rem}.b3-root .mt-6{margin-top:1.5rem}.b3-root .mt-8{margin-top:2rem}.b3-root .mt-\[-100px\]{margin-top:-100px}.b3-root .mt-\[-60px\]{margin-top:-60px}.b3-root .mt-auto{margin-top:auto}.b3-root .block{display:block}.b3-root .inline-block{display:inline-block}.b3-root .inline{display:inline}.b3-root .flex{display:flex}.b3-root .inline-flex{display:inline-flex}.b3-root .grid{display:grid}.b3-root .inline-grid{display:inline-grid}.b3-root .contents{display:contents}.b3-root .hidden{display:none}.b3-root .aspect-square{aspect-ratio:1/1}.b3-root .size-10{height:2.5rem;width:2.5rem}.b3-root .size-12{height:3rem;width:3rem}.b3-root .size-16{height:4rem;width:4rem}.b3-root .size-24{height:6rem;width:6rem}.b3-root .size-3{height:.75rem;width:.75rem}.b3-root .size-32{height:8rem;width:8rem}.b3-root .size-4{height:1rem;width:1rem}.b3-root .size-48{height:12rem;width:12rem}.b3-root .size-5{height:1.25rem;width:1.25rem}.b3-root .size-6{height:1.5rem;width:1.5rem}.b3-root .size-7{height:1.75rem;width:1.75rem}.b3-root .size-8{height:2rem;width:2rem}.b3-root .size-\[120px\]{height:120px;width:120px}.b3-root .size-\[200px\]{height:200px;width:200px}.b3-root .size-full{height:100%;width:100%}.b3-root .h-1{height:.25rem}.b3-root .h-10{height:2.5rem}.b3-root .h-11{height:2.75rem}.b3-root .h-12{height:3rem}.b3-root .h-14{height:3.5rem}.b3-root .h-16{height:4rem}.b3-root .h-2{height:.5rem}.b3-root .h-2\.5{height:.625rem}.b3-root .h-24{height:6rem}.b3-root .h-3{height:.75rem}.b3-root .h-4{height:1rem}.b3-root .h-5{height:1.25rem}.b3-root .h-6{height:1.5rem}.b3-root .h-7{height:1.75rem}.b3-root .h-8{height:2rem}.b3-root .h-9{height:2.25rem}.b3-root .h-\[100px\]{height:100px}.b3-root .h-\[160px\]{height:160px}.b3-root .h-\[200px\]{height:200px}.b3-root .h-\[220px\]{height:220px}.b3-root .h-\[270px\]{height:270px}.b3-root .h-\[2px\]{height:2px}.b3-root .h-\[32px\]{height:32px}.b3-root .h-\[36px\]{height:36px}.b3-root .h-\[45\%\]{height:45%}.b3-root .h-\[600px\]{height:600px}.b3-root .h-\[60px\]{height:60px}.b3-root .h-\[84px\]{height:84px}.b3-root .h-auto{height:auto}.b3-root .h-fit{height:-moz-fit-content;height:fit-content}.b3-root .h-full{height:100%}.b3-root .h-px{height:1px}.b3-root .max-h-48{max-height:12rem}.b3-root .max-h-60{max-height:15rem}.b3-root .max-h-\[300px\]{max-height:300px}.b3-root .max-h-\[60dvh\]{max-height:60dvh}.b3-root .max-h-\[80vh\]{max-height:80vh}.b3-root .max-h-\[90dvh\]{max-height:90dvh}.b3-root .min-h-4{min-height:1rem}.b3-root .min-h-8{min-height:2rem}.b3-root .min-h-\[650px\]{min-height:650px}.b3-root .min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.b3-root .w-0{width:0}.b3-root .w-0\.5{width:.125rem}.b3-root .w-1{width:.25rem}.b3-root .w-1\/2{width:50%}.b3-root .w-10{width:2.5rem}.b3-root .w-11{width:2.75rem}.b3-root .w-12{width:3rem}.b3-root .w-14{width:3.5rem}.b3-root .w-16{width:4rem}.b3-root .w-2{width:.5rem}.b3-root .w-2\.5{width:.625rem}.b3-root .w-24{width:6rem}.b3-root .w-3{width:.75rem}.b3-root .w-32{width:8rem}.b3-root .w-4{width:1rem}.b3-root .w-4\/5{width:80%}.b3-root .w-48{width:12rem}.b3-root .w-5{width:1.25rem}.b3-root .w-5\/6{width:83.333333%}.b3-root .w-6{width:1.5rem}.b3-root .w-7{width:1.75rem}.b3-root .w-8{width:2rem}.b3-root .w-80{width:20rem}.b3-root .w-9{width:2.25rem}.b3-root .w-\[100px\]{width:100px}.b3-root .w-\[140px\]{width:140px}.b3-root .w-\[200px\]{width:200px}.b3-root .w-\[2px\]{width:2px}.b3-root .w-\[360px\]{width:360px}.b3-root .w-\[3px\]{width:3px}.b3-root .w-\[400px\]{width:400px}.b3-root .w-\[420px\]{width:420px}.b3-root .w-\[45\%\]{width:45%}.b3-root .w-\[460px\]{width:460px}.b3-root .w-\[560px\]{width:560px}.b3-root .w-\[calc\(100\%-12px\)\]{width:calc(100% - 12px)}.b3-root .w-auto{width:auto}.b3-root .w-fit{width:-moz-fit-content;width:fit-content}.b3-root .w-full{width:100%}.b3-root .min-w-4{min-width:1rem}.b3-root .min-w-48{min-width:12rem}.b3-root .min-w-64{min-width:16rem}.b3-root .min-w-8{min-width:2rem}.b3-root .min-w-\[70px\]{min-width:70px}.b3-root .max-w-2xl{max-width:42rem}.b3-root .max-w-48{max-width:12rem}.b3-root .max-w-\[200px\]{max-width:200px}.b3-root .max-w-\[400px\]{max-width:400px}.b3-root .max-w-\[460px\]{max-width:460px}.b3-root .max-w-\[90vw\]{max-width:90vw}.b3-root .max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.b3-root .max-w-full{max-width:100%}.b3-root .max-w-lg{max-width:32rem}.b3-root .max-w-md{max-width:28rem}.b3-root .flex-1{flex:1 1 0%}.b3-root .flex-none{flex:none}.b3-root .shrink-0{flex-shrink:0}.b3-root .grow{flex-grow:1}.b3-root .origin-center{transform-origin:center}.b3-root .-translate-x-1\/2{--tw-translate-x:-50%}.b3-root .-translate-x-1\/2,.b3-root .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .-translate-y-1\/2{--tw-translate-y:-50%}.b3-root .translate-x-0{--tw-translate-x:0px}.b3-root .translate-x-0,.b3-root .translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .translate-x-full{--tw-translate-x:100%}.b3-root .-rotate-90{--tw-rotate:-90deg}.b3-root .-rotate-90,.b3-root .rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .rotate-0{--tw-rotate:0deg}.b3-root .rotate-180{--tw-rotate:180deg}.b3-root .rotate-180,.b3-root .scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .scale-100{--tw-scale-x:1;--tw-scale-y:1}.b3-root .scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.b3-root .scale-95,.b3-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.b3-root .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-fade{0%,to{opacity:1}50%{opacity:.5}}.b3-root .animate-pulse-fade{animation:pulse-fade 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.b3-root .animate-spin{animation:spin 1s linear infinite}.b3-root .cursor-default{cursor:default}.b3-root .cursor-help{cursor:help}.b3-root .cursor-not-allowed{cursor:not-allowed}.b3-root .cursor-pointer{cursor:pointer}.b3-root .touch-none{touch-action:none}.b3-root .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.b3-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.b3-root .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.b3-root .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.b3-root .flex-col{flex-direction:column}.b3-root .flex-col-reverse{flex-direction:column-reverse}.b3-root .flex-wrap{flex-wrap:wrap}.b3-root .items-start{align-items:flex-start}.b3-root .items-end{align-items:flex-end}.b3-root .items-center{align-items:center}.b3-root .items-stretch{align-items:stretch}.b3-root .justify-normal{justify-content:normal}.b3-root .justify-start{justify-content:flex-start}.b3-root .justify-end{justify-content:flex-end}.b3-root .justify-center{justify-content:center}.b3-root .justify-between{justify-content:space-between}.b3-root .justify-around{justify-content:space-around}.b3-root .justify-evenly{justify-content:space-evenly}.b3-root .gap-0{gap:0}.b3-root .gap-1{gap:.25rem}.b3-root .gap-1\.5{gap:.375rem}.b3-root .gap-10{gap:2.5rem}.b3-root .gap-2{gap:.5rem}.b3-root .gap-3{gap:.75rem}.b3-root .gap-4{gap:1rem}.b3-root .gap-5{gap:1.25rem}.b3-root .gap-6{gap:1.5rem}.b3-root .gap-8{gap:2rem}.b3-root .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.b3-root .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.b3-root .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.b3-root .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.b3-root .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.b3-root .place-self-end{place-self:end}.b3-root .overflow-auto{overflow:auto}.b3-root .overflow-hidden{overflow:hidden}.b3-root .overflow-y-auto{overflow-y:auto}.b3-root .overflow-x-hidden{overflow-x:hidden}.b3-root .truncate{overflow:hidden;white-space:nowrap}.b3-root .text-ellipsis,.b3-root .truncate{text-overflow:ellipsis}.b3-root .whitespace-nowrap{white-space:nowrap}.b3-root .whitespace-pre-line{white-space:pre-line}.b3-root .break-all{word-break:break-all}.b3-root .rounded{border-radius:.25rem}.b3-root .rounded-2xl{border-radius:1rem}.b3-root .rounded-\[50\%\]{border-radius:50%}.b3-root .rounded-\[inherit\]{border-radius:inherit}.b3-root .rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.b3-root .rounded-full{border-radius:9999px}.b3-root .rounded-lg{border-radius:.5rem}.b3-root .rounded-md{border-radius:.375rem}.b3-root .rounded-none{border-radius:0}.b3-root .rounded-sm{border-radius:.125rem}.b3-root .rounded-xl{border-radius:.75rem}.b3-root .rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.b3-root .rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.b3-root .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.b3-root .border{border-width:1px}.b3-root .border-0{border-width:0}.b3-root .border-2{border-width:2px}.b3-root .border-4{border-width:4px}.b3-root .border-\[3px\]{border-width:3px}.b3-root .border-x{border-left-width:1px;border-right-width:1px}.b3-root .border-b{border-bottom-width:1px}.b3-root .border-b-2{border-bottom-width:2px}.b3-root .border-l{border-left-width:1px}.b3-root .border-l-4{border-left-width:4px}.b3-root .border-r{border-right-width:1px}.b3-root .border-r-4{border-right-width:4px}.b3-root .border-t{border-top-width:1px}.b3-root .border-t-4{border-top-width:4px}.b3-root .border-none{border-style:none}.b3-root .border-as-border-primary{border-color:hsl(var(--as-border-primary))}.b3-root .border-as-border-secondary{border-color:hsl(var(--as-border-secondary))}.b3-root .border-as-brand{border-color:hsl(var(--as-brand))}.b3-root .border-as-brand\/10{border-color:hsl(var(--as-brand)/.1)}.b3-root .border-as-brand\/30{border-color:hsl(var(--as-brand)/.3)}.b3-root .border-as-red{border-color:hsl(var(--as-red))}.b3-root .border-as-red\/20{border-color:hsl(var(--as-red)/.2)}.b3-root .border-as-stroke{border-color:hsl(var(--as-stroke))}.b3-root .border-b3-background{border-color:hsl(var(--b3-background))}.b3-root .border-b3-line{border-color:hsl(var(--b3-line))}.b3-root .border-b3-react-border{border-color:hsl(var(--b3-react-border))}.b3-root .border-b3-react-subtle{border-color:hsl(var(--b3-react-subtle))}.b3-root .border-black\/10{border-color:rgba(0,0,0,.1)}.b3-root .border-black\/50{border-color:rgba(0,0,0,.5)}.b3-root .border-current{border-color:currentColor}.b3-root .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.b3-root .border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.b3-root .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.b3-root .border-red-500\/80{border-color:rgba(239,68,68,.8)}.b3-root .border-transparent{border-color:transparent}.b3-root .border-white\/10{border-color:hsla(0,0%,100%,.1)}.b3-root .border-white\/20{border-color:hsla(0,0%,100%,.2)}.b3-root .border-white\/30{border-color:hsla(0,0%,100%,.3)}.b3-root .border-l-transparent{border-left-color:transparent}.b3-root .border-t-as-on-surface-1{border-top-color:hsl(var(--as-on-surface-1))}.b3-root .border-t-as-primary{border-top-color:hsl(var(--as-primary))}.b3-root .border-t-transparent{border-top-color:transparent}.b3-root .border-t-white\/15{border-top-color:hsla(0,0%,100%,.15)}.b3-root .\!bg-as-brand{background-color:hsl(var(--as-brand))!important}.b3-root .\!bg-as-on-surface-2{background-color:hsl(var(--as-on-surface-2))!important}.b3-root .\!bg-as-red{background-color:hsl(var(--as-red))!important}.b3-root .bg-\[\#3368ef\]{--tw-bg-opacity:1;background-color:rgb(51 104 239/var(--tw-bg-opacity))}.b3-root .bg-as-border-primary{background-color:hsl(var(--as-border-primary))}.b3-root .bg-as-brand{background-color:hsl(var(--as-brand))}.b3-root .bg-as-brand\/10{background-color:hsl(var(--as-brand)/.1)}.b3-root .bg-as-brand\/20{background-color:hsl(var(--as-brand)/.2)}.b3-root .bg-as-error-secondary{background-color:hsl(var(--as-error-secondary))}.b3-root .bg-as-light-brand{background-color:hsl(var(--as-light-brand))}.b3-root .bg-as-light-brand\/20{background-color:hsl(var(--as-light-brand)/.2)}.b3-root .bg-as-on-surface-1{background-color:hsl(var(--as-on-surface-1))}.b3-root .bg-as-on-surface-2{background-color:hsl(var(--as-on-surface-2))}.b3-root .bg-as-on-surface-2\/30{background-color:hsl(var(--as-on-surface-2)/.3)}.b3-root .bg-as-primary\/30{background-color:hsl(var(--as-primary)/.3)}.b3-root .bg-as-red{background-color:hsl(var(--as-red))}.b3-root .bg-as-red\/10{background-color:hsl(var(--as-red)/.1)}.b3-root .bg-as-red\/60{background-color:hsl(var(--as-red)/.6)}.b3-root .bg-as-success-secondary{background-color:hsl(var(--as-success-secondary))}.b3-root .bg-as-surface-primary{background-color:hsl(var(--as-surface-primary))}.b3-root .bg-as-surface-secondary{background-color:hsl(var(--as-surface-secondary))}.b3-root .bg-b3-background{background-color:hsl(var(--b3-background))}.b3-root .bg-b3-grey{background-color:hsl(var(--b3-grey))}.b3-root .bg-b3-line{background-color:hsl(var(--b3-line))}.b3-root .bg-b3-primary-wash{background-color:hsl(var(--b3-primary-wash))}.b3-root .bg-b3-react-background{background-color:hsl(var(--b3-react-background))}.b3-root .bg-b3-react-card{background-color:hsl(var(--b3-react-card))}.b3-root .bg-b3-react-foreground{background-color:hsl(var(--b3-react-foreground))}.b3-root .bg-b3-react-muted{background-color:hsl(var(--b3-react-muted))}.b3-root .bg-b3-react-muted\/30{background-color:hsl(var(--b3-react-muted)/.3)}.b3-root .bg-b3-react-popover{background-color:hsl(var(--b3-react-popover))}.b3-root .bg-b3-react-primary{background-color:hsl(var(--b3-react-primary))}.b3-root .bg-black\/20{background-color:rgba(0,0,0,.2)}.b3-root .bg-black\/30{background-color:rgba(0,0,0,.3)}.b3-root .bg-black\/50{background-color:rgba(0,0,0,.5)}.b3-root .bg-black\/80{background-color:rgba(0,0,0,.8)}.b3-root .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.b3-root .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.b3-root .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.b3-root .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.b3-root .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.b3-root .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.b3-root .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.b3-root .bg-green-500\/10{background-color:rgba(34,197,94,.1)}.b3-root .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.b3-root .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.b3-root .bg-red-500\/10{background-color:rgba(239,68,68,.1)}.b3-root .bg-red-600\/80{background-color:rgba(220,38,38,.8)}.b3-root .bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity))}.b3-root .bg-transparent{background-color:transparent}.b3-root .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.b3-root .bg-white\/10{background-color:hsla(0,0%,100%,.1)}.b3-root .bg-white\/5{background-color:hsla(0,0%,100%,.05)}.b3-root .bg-white\/50{background-color:hsla(0,0%,100%,.5)}.b3-root .bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.b3-root .bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.b3-root .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.b3-root .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.b3-root .from-\[\#15121c\]{--tw-gradient-from:#15121c var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,18,28,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-as-brand\/50{--tw-gradient-from:hsl(var(--as-brand)/0.5) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--as-brand)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-as-light-brand{--tw-gradient-from:hsl(var(--as-light-brand)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--as-light-brand)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-b3-react-background{--tw-gradient-from:hsl(var(--b3-react-background)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--b3-react-background)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-blue-500\/10{--tw-gradient-from:rgba(59,130,246,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-blue-500\/20{--tw-gradient-from:rgba(59,130,246,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.b3-root .from-20\%{--tw-gradient-from-position:20%}.b3-root .from-35\%{--tw-gradient-from-position:35%}.b3-root .via-black\/70{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.7) var(--tw-gradient-via-position),var(--tw-gradient-to)}.b3-root .via-purple-500\/50{--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(168,85,247,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.b3-root .via-80\%{--tw-gradient-via-position:80%}.b3-root .to-as-brand\/10{--tw-gradient-to:hsl(var(--as-brand)/0.1) var(--tw-gradient-to-position)}.b3-root .to-as-on-surface-1{--tw-gradient-to:hsl(var(--as-on-surface-1)) var(--tw-gradient-to-position)}.b3-root .to-purple-600\/10{--tw-gradient-to:rgba(147,51,234,.1) var(--tw-gradient-to-position)}.b3-root .to-purple-600\/20{--tw-gradient-to:rgba(147,51,234,.2) var(--tw-gradient-to-position)}.b3-root .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.b3-root .bg-\[length\:250\%_100\%\2c auto\]{background-size:250% 100%,auto}.b3-root .bg-clip-text{-webkit-background-clip:text;background-clip:text}.b3-root .fill-b3-negative{fill:hsl(var(--b3-negative))}.b3-root .fill-b3-positive{fill:hsl(var(--b3-positive))}.b3-root .fill-b3-react-background{fill:hsl(var(--b3-react-background))}.b3-root .fill-b3-react-primary{fill:hsl(var(--b3-react-primary))}.b3-root .object-contain{-o-object-fit:contain;object-fit:contain}.b3-root .object-cover{-o-object-fit:cover;object-fit:cover}.b3-root .object-center{-o-object-position:center;object-position:center}.b3-root .p-0{padding:0}.b3-root .p-1{padding:.25rem}.b3-root .p-1\.5{padding:.375rem}.b3-root .p-2{padding:.5rem}.b3-root .p-3{padding:.75rem}.b3-root .p-3\.5{padding:.875rem}.b3-root .p-4{padding:1rem}.b3-root .p-5{padding:1.25rem}.b3-root .p-6{padding:1.5rem}.b3-root .p-8{padding:2rem}.b3-root .p-px{padding:1px}.b3-root .px-2{padding-left:.5rem;padding-right:.5rem}.b3-root .px-2\.5{padding-left:.625rem;padding-right:.625rem}.b3-root .px-3{padding-left:.75rem;padding-right:.75rem}.b3-root .px-4{padding-left:1rem;padding-right:1rem}.b3-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.b3-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.b3-root .px-8{padding-left:2rem;padding-right:2rem}.b3-root .py-0{padding-bottom:0;padding-top:0}.b3-root .py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.b3-root .py-1{padding-bottom:.25rem;padding-top:.25rem}.b3-root .py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.b3-root .py-12{padding-bottom:3rem;padding-top:3rem}.b3-root .py-2{padding-bottom:.5rem;padding-top:.5rem}.b3-root .py-3{padding-bottom:.75rem;padding-top:.75rem}.b3-root .py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.b3-root .py-4{padding-bottom:1rem;padding-top:1rem}.b3-root .py-6{padding-bottom:1.5rem;padding-top:1.5rem}.b3-root .py-8{padding-bottom:2rem;padding-top:2rem}.b3-root .pb-1{padding-bottom:.25rem}.b3-root .pb-2{padding-bottom:.5rem}.b3-root .pb-3{padding-bottom:.75rem}.b3-root .pb-5{padding-bottom:1.25rem}.b3-root .pl-4{padding-left:1rem}.b3-root .pr-2{padding-right:.5rem}.b3-root .pr-20{padding-right:5rem}.b3-root .pr-4{padding-right:1rem}.b3-root .pt-0{padding-top:0}.b3-root .pt-1{padding-top:.25rem}.b3-root .pt-2{padding-top:.5rem}.b3-root .pt-3{padding-top:.75rem}.b3-root .pt-4{padding-top:1rem}.b3-root .pt-8{padding-top:2rem}.b3-root .text-left{text-align:left}.b3-root .text-center{text-align:center}.b3-root .text-right{text-align:right}.b3-root .font-inter{font-family:Inter,sans-serif}.b3-root .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.b3-root .font-neue-montreal-bold{font-family:Neue Montreal Bold,sans-serif}.b3-root .font-neue-montreal-medium{font-family:Neue Montreal Medium,sans-serif}.b3-root .font-neue-montreal-semibold{font-family:Neue Montreal Semibold,sans-serif}.b3-root .font-pack{font-family:Pack,sans-serif}.b3-root .text-2xl{font-size:1.5rem;line-height:2rem}.b3-root .text-3xl{font-size:1.875rem;line-height:2.25rem}.b3-root .text-4xl{font-size:2.25rem;line-height:2.5rem}.b3-root .text-\[10px\]{font-size:10px}.b3-root .text-\[16px\]{font-size:16px}.b3-root .text-\[28px\]{font-size:28px}.b3-root .text-base{font-size:1rem;line-height:1.5rem}.b3-root .text-lg{font-size:1.125rem;line-height:1.75rem}.b3-root .text-sm{font-size:.875rem;line-height:1.25rem}.b3-root .text-xl{font-size:1.25rem;line-height:1.75rem}.b3-root .text-xs{font-size:.75rem;line-height:1rem}.b3-root .font-bold{font-weight:700}.b3-root .font-medium{font-weight:500}.b3-root .font-semibold{font-weight:600}.b3-root .uppercase{text-transform:uppercase}.b3-root .lowercase{text-transform:lowercase}.b3-root .leading-\[42px\]{line-height:42px}.b3-root .leading-none{line-height:1}.b3-root .leading-relaxed{line-height:1.625}.b3-root .tracking-tight{letter-spacing:-.025em}.b3-root .tracking-wide{letter-spacing:.025em}.b3-root .tracking-widest{letter-spacing:.1em}.b3-root .text-\[rgb\(0\2c 0\2c 0\2c 65\%\)\]{color:rgb(0,0,0,65%)}.b3-root .text-\[rgb\(255\2c 255\2c 255\2c 90\%\)\]{color:hsla(0,0%,100%,.9)}.b3-root .text-as-brand{color:hsl(var(--as-brand))}.b3-root .text-as-brand\/70{color:hsl(var(--as-brand)/.7)}.b3-root .text-as-content-disabled{color:hsl(var(--as-content-disabled))}.b3-root .text-as-content-icon-error{color:hsl(var(--as-content-icon-error))}.b3-root .text-as-content-icon-success{color:hsl(var(--as-content-icon-success))}.b3-root .text-as-content-primary{color:hsl(var(--as-text-primary))}.b3-root .text-as-content-secondary{color:hsl(var(--as-content-secondary))}.b3-root .text-as-primary{color:hsl(var(--as-primary))}.b3-root .text-as-primary\/30{color:hsl(var(--as-primary)/.3)}.b3-root .text-as-primary\/40{color:hsl(var(--as-primary)/.4)}.b3-root .text-as-primary\/50{color:hsl(var(--as-primary)/.5)}.b3-root .text-as-primary\/60{color:hsl(var(--as-primary)/.6)}.b3-root .text-as-primary\/70{color:hsl(var(--as-primary)/.7)}.b3-root .text-as-quaternary{color:hsl(var(--as-quaternary))}.b3-root .text-as-red{color:hsl(var(--as-red))}.b3-root .text-as-secondary{color:hsl(var(--as-secondary))}.b3-root .text-as-tertiarry{color:hsl(var(--as-tertiarry))}.b3-root .text-b3-background{color:hsl(var(--b3-background))}.b3-root .text-b3-foreground-muted{color:hsl(var(--b3-foreground-muted))}.b3-root .text-b3-grey{color:hsl(var(--b3-grey))}.b3-root .text-b3-negative{color:hsl(var(--b3-negative))}.b3-root .text-b3-positive{color:hsl(var(--b3-positive))}.b3-root .text-b3-primary-blue{color:hsl(var(--b3-primary-blue))}.b3-root .text-b3-react-background{color:hsl(var(--b3-react-background))}.b3-root .text-b3-react-foreground{color:hsl(var(--b3-react-foreground))}.b3-root .text-b3-react-foreground\/40{color:hsl(var(--b3-react-foreground)/.4)}.b3-root .text-b3-react-foreground\/60{color:hsl(var(--b3-react-foreground)/.6)}.b3-root .text-b3-react-foreground\/70{color:hsl(var(--b3-react-foreground)/.7)}.b3-root .text-b3-react-foreground\/80{color:hsl(var(--b3-react-foreground)/.8)}.b3-root .text-b3-react-muted-foreground{color:hsl(var(--b3-react-muted-foreground))}.b3-root .text-b3-react-popover-foreground{color:hsl(var(--b3-react-popover-foreground))}.b3-root .text-b3-react-primary{color:hsl(var(--b3-react-primary))}.b3-root .text-b3-react-primary-foreground{color:hsl(var(--b3-react-primary-foreground))}.b3-root .text-black\/90{color:rgba(0,0,0,.9)}.b3-root .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.b3-root .text-blue-500\/70{color:rgba(59,130,246,.7)}.b3-root .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.b3-root .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.b3-root .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.b3-root .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.b3-root .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.b3-root .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.b3-root .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.b3-root .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.b3-root .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.b3-root .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.b3-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.b3-root .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.b3-root .text-transparent{color:transparent}.b3-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root .text-white\/50{color:hsla(0,0%,100%,.5)}.b3-root .text-white\/90{color:hsla(0,0%,100%,.9)}.b3-root .text-white\/95{color:hsla(0,0%,100%,.95)}.b3-root .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.b3-root .text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.b3-root .underline{text-decoration-line:underline}.b3-root .underline-offset-4{text-underline-offset:4px}.b3-root .opacity-0{opacity:0}.b3-root .opacity-10{opacity:.1}.b3-root .opacity-100{opacity:1}.b3-root .opacity-30{opacity:.3}.b3-root .opacity-50{opacity:.5}.b3-root .opacity-60{opacity:.6}.b3-root .opacity-70{opacity:.7}.b3-root .opacity-\[var\(--opacity\)\]{opacity:var(--opacity)}.b3-root .mix-blend-color-dodge{mix-blend-mode:color-dodge}.b3-root .mix-blend-soft-light{mix-blend-mode:soft-light}.b3-root .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.b3-root .shadow,.b3-root .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.b3-root .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.b3-root .shadow-md,.b3-root .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.b3-root .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.b3-root .outline-none{outline:2px solid transparent;outline-offset:2px}.b3-root .outline{outline-style:solid}.b3-root .ring-offset-b3-react-background{--tw-ring-offset-color:hsl(var(--b3-react-background))}.b3-root .blur{--tw-blur:blur(8px)}.b3-root .blur,.b3-root .blur-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b3-root .blur-md{--tw-blur:blur(12px)}.b3-root .blur-xl{--tw-blur:blur(24px)}.b3-root .blur-xl,.b3-root .drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 1\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b3-root .drop-shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 1\)\]{--tw-drop-shadow:drop-shadow(0 1px 2px #000)}.b3-root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b3-root .backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px)}.b3-root .backdrop-blur-\[20px\],.b3-root .backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.b3-root .backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .duration-100{transition-duration:.1s}.b3-root .duration-200{transition-duration:.2s}.b3-root .duration-300{transition-duration:.3s}.b3-root .duration-500{transition-duration:.5s}.b3-root .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.b3-root .will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.b3-root .animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.b3-root .fade-in-0{--tw-enter-opacity:0}.b3-root .zoom-in-95{--tw-enter-scale:.95}.b3-root .duration-100{animation-duration:.1s}.b3-root .duration-200{animation-duration:.2s}.b3-root .duration-300{animation-duration:.3s}.b3-root .duration-500{animation-duration:.5s}.b3-root .ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.b3-root .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.b3-root .paused{animation-play-state:paused}.b3-root .\[--base-color\:\#a1a1aa\]{--base-color:#a1a1aa}.b3-root .\[--base-gradient-color\:\#000\]{--base-gradient-color:#000}.b3-root .\[--bg\:linear-gradient\(90deg\2c \#0000_calc\(50\%-var\(--spread\)\)\2c var\(--base-gradient-color\)\2c \#0000_calc\(50\%\+var\(--spread\)\)\)\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}.b3-root .\[background-blend-mode\:hue_hue_hue_overlay\]{background-blend-mode:hue hue hue overlay}.b3-root .\[background-repeat\:no-repeat\2c padding-box\]{background-repeat:no-repeat,padding-box}.b3-root .\[background\:radial-gradient\(farthest-corner_circle_at_var\(--m-x\)_var\(--m-y\)\2c _rgba\(255\2c 255\2c 255\2c 0\.8\)_10\%\2c _rgba\(255\2c 255\2c 255\2c 0\.65\)_20\%\2c _rgba\(255\2c 255\2c 255\2c 0\)_90\%\)\]{background:radial-gradient(farthest-corner circle at var(--m-x) var(--m-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,100%,0) 90%)}.b3-root .\[background\:var\(--pattern\)\2c _var\(--rainbow\)\2c _var\(--diagonal\)\2c _var\(--shade\)\]{background:var(--pattern),var(--rainbow),var(--diagonal),var(--shade)}.b3-root .\[clip-path\:inset\(0_0_0_0_round_var\(--radius\)\)\]{clip-path:inset(0 0 0 0 round var(--radius))}.b3-root .\[clip-path\:inset\(0_0_1px_0_round_var\(--radius\)\)\]{clip-path:inset(0 0 1px 0 round var(--radius))}.b3-root .\[contain\:layout_style\]{contain:layout style}.b3-root .\[grid-area\:1\/1\]{grid-area:1/1}.b3-root .\[perspective\:1200px\]{perspective:1200px}.b3-root .\[perspective\:600px\]{perspective:600px}.b3-root .\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.b3-root .\[transform\:rotateY\(var\(--r-x\)\)_rotateX\(var\(--r-y\)\)\]{transform:rotateY(var(--r-x)) rotateX(var(--r-y))}.b3-root .b3-modal{background-color:hsl(var(--b3-react-background));border-radius:1rem;border-width:1px;border:1px solid var(--border);color:hsl(var(--b3-react-foreground));outline:none;overflow:hidden}.b3-root .b3-modal-freestyle{background:transparent!important;padding:0!important}.b3-root .b3-modal-back-button:hover{border-style:none;--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.b3-root .b3-modal-back-button:focus{outline:none}.b3-root .b3-modal-back-button{border-style:none;color:hsl(var(--b3-react-muted-foreground))}.b3-root .bg-b3-react-card{background-color:var(--b3-react-card);border-radius:.5rem;border-width:1px;border:1px solid var(--border);padding:1rem}.b3-root .b3-text-primary{color:hsl(var(--b3-react-primary))}.b3-root .b3-text-muted{color:hsl(var(--b3-react-muted-foreground))}.b3-root .b3-button-primary{background-color:hsl(var(--b3-react-primary));border-radius:.75rem;color:hsl(var(--b3-react-primary-foreground))}@media (hover:hover) and (pointer:fine){.b3-root .b3-button-primary:hover{background-color:hsl(var(--b3-react-primary)/.9)}}.b3-root .b3-address-tag{background-color:hsl(var(--b3-react-background));border-radius:.375rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem}.b3-root .b3-permission-item{background-color:hsl(var(--b3-react-card));background-color:var(--b3-react-card);border-radius:.5rem;border-width:1px;border:1px solid var(--border);padding:1rem}.b3-root .b3-modal .css-1r76jxl{background-color:hsl(var(--b3-react-background))}.b3-root .b3-modal .css-1cv2836,.b3-root .b3-modal .css-1d4s0we img[width="24"],.b3-root .b3-modal .css-1m9ejup{display:none!important}.b3-root .b3-modal .css-1r76jxl{border:none}.b3-root .divider{background:hsl(var(--as-border-secondary));display:block;height:1px}.b3-root .font-sf-rounded{letter-spacing:.05rem}.b3-root .label-style{font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.b3-root .no-scrollbar::-webkit-scrollbar{display:none}.b3-root .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.b3-root .text-nano{font-family:SFCompact,sans-serif;font-size:10px;letter-spacing:.05em}.b3-root .b3-login-step input{border-radius:8px!important;color:hsl(var(--b3-react-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px!important;padding-left:16px!important;transition:all .2s ease!important}.b3-root .b3-login-step input,.b3-root .b3-login-step input:focus{border:none!important;outline:none!important}.b3-root .b3-login-step input::-moz-placeholder{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px}.b3-root .b3-login-step input::placeholder{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px}.b3-root .b3-login-step button span{font-family:Neue Montreal Semibold,sans-serif!important}.b3-root .b3-login-step button[aria-label*="Login with"]{background-color:#fff!important;border:1px solid hsl(var(--b3-line))!important;border-radius:16px!important;height:72px!important;padding:16px!important}.b3-root .b3-login-step button[aria-label*="Login with"]:hover{background-color:hsl(var(--b3-white)/.8)!important;border-color:hsl(var(--b3-line)/.8)!important;cursor:pointer}.b3-root .b3-login-step button[aria-label*="Login with"]:active{box-shadow:0 2px 4px hsl(var(--b3-react-foreground)/.1)!important;transform:translateY(0)!important}.b3-root .b3-login-step div[style*="flex-direction: row"][style*="position: relative"]{background:hsla(var(--b3-white),1);border:2px solid hsl(var(--b3-primary-blue))!important;border-radius:32px!important;box-shadow:none!important;font-size:16px;height:56px;margin:0 1px!important;outline:none!important;overflow:hidden!important;transition:all .2s ease!important}.b3-root .b3-login-step div[style*="flex-direction: row"][style*="position: relative"]:focus-within{border-color:hsl(var(--b3-primary-blue))!important}.b3-root .b3-login-step div[style*="flex-direction: row"] button{background-color:hsl(var(--b3-react-primary))!important;border:8px solid #fff!important;border-radius:100%!important;color:hsl(var(--b3-react-primary-foreground))!important;flex-shrink:0;height:36px!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.b3-root .b3-login-step select{color:hsl(var(--b3-react-muted-foreground))!important;font-family:Neue Montreal Medium,sans-serif!important;font-size:16px!important}.b3-root .b3-login-step div[style*="flex-direction: row"] button:hover{background-color:hsl(var(--b3-react-primary)/.9)!important}.b3-root .b3-login-step div[style*="flex-direction: row"] button svg{color:hsl(var(--b3-react-primary-foreground))!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"]{background-color:hsla(var(--b3-white),1)!important;border:1px solid hsl(var(--b3-line))!important;border-radius:32px!important;color:hsl(var(--b3-react-foreground))!important;font-family:Neue Montreal Regular,sans-serif!important;font-size:16px!important;height:56px!important;margin:0 1px!important;padding-left:16px!important;transition:all .2s ease!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"]:hover{background-color:hsl(var(--b3-white)/.8)!important;border-color:hsl(var(--b3-line)/.8)!important;cursor:pointer}.b3-root .b3-login-step button[style*="justify-content: flex-start"]:active{transform:translateY(0)!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"] span{color:hsl(var(--b3-react-foreground))!important;font-weight:500!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"] svg{color:hsl(var(--b3-primary-blue))!important;transition:color .2s ease!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"]:focus svg{color:hsl(var(--b3-foreground-muted))!important}.b3-root .b3-login-step div[style*="flex-direction: column"],.b3-root .b3-login-step div[style*="flex-direction: column"]>div{gap:16px!important}.b3-root .b3-login-step>div>div>div>div>div[style*="height: 24px"]{display:none!important}.b3-root .b3-login-step div[style*="flex-flow: wrap"]{gap:12px!important}.b3-root .b3-login-step>div>div>div>div{padding:0 24px!important}.b3-root .b3-login-step>div>div>div>div>div:first-child,.b3-root .b3-login-step>div>div>div>div>div[style*="flex: 1 1 0%"]{padding:0!important}.b3-root .b3-login-step *{transition:all .2s ease!important}.b3-root .b3-login-step button:focus-visible{outline:2px solid hsl(var(--b3-react-primary))!important;outline-offset:2px!important}.b3-root .b3-login-step span[color=danger]{color:hsl(var(--b3-negative))!important;font-family:Neue Montreal Medium,sans-serif!important}@media (max-width:480px){.b3-root .b3-login-step>div>div>div>div{padding:0 24px!important}.b3-root .b3-login-step button[aria-label*="Login with"]{min-height:48px!important;padding:10px!important}.b3-root .b3-login-step button[style*="justify-content: flex-start"]{min-height:44px!important;padding:10px 12px!important}}.b3-root .b3-login-step ul{gap:24px!important}.b3-root .b3-login-step ul li button img{height:64px!important;width:64px!important}.b3-root .b3-login-step ul li button div:last-child{gap:4px!important}.b3-root :is(.b3-login-step ul li button div:last-child) span[color=primaryText]{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:16px!important}.b3-root .b3-login-step h2{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:24px!important}.b3-root .b3-login-step+h2{padding-bottom:32px!important}.b3-root .b3-login-step div>div>div>div>div>div>span[color=primaryText]{color:hsl(var(--b3-grey))!important;font-family:Neue Montreal Semibold,sans-serif!important;font-size:24px!important}.b3-root :is(.b3-login-step div>div>div>div>div>div>span[color=primaryText])+div+span{color:hsl(var(--b3-foreground-muted))!important;font-family:Neue Montreal Medium,sans-serif!important;font-size:16px!important}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.b3-root .animate-accordion-down{animation:accordion-down .2s ease-out}.b3-root .animate-accordion-up{animation:accordion-up .2s ease-out}.b3-root .file\:border-0::file-selector-button{border-width:0}.b3-root .file\:bg-transparent::file-selector-button{background-color:transparent}.b3-root .file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.b3-root .file\:font-medium::file-selector-button{font-weight:500}.b3-root .placeholder\:text-as-primary\/50::-moz-placeholder{color:hsl(var(--as-primary)/.5)}.b3-root .placeholder\:text-as-primary\/50::placeholder{color:hsl(var(--as-primary)/.5)}.b3-root .placeholder\:text-as-primary\/70::-moz-placeholder{color:hsl(var(--as-primary)/.7)}.b3-root .placeholder\:text-as-primary\/70::placeholder{color:hsl(var(--as-primary)/.7)}.b3-root .placeholder\:text-b3-react-muted-foreground::-moz-placeholder{color:hsl(var(--b3-react-muted-foreground))}.b3-root .placeholder\:text-b3-react-muted-foreground::placeholder{color:hsl(var(--b3-react-muted-foreground))}.b3-root .after\:bg-\[inherit\]:after{background-color:inherit;content:var(--tw-content)}.b3-root .after\:mix-blend-exclusion:after{content:var(--tw-content);mix-blend-mode:exclusion}.b3-root .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.b3-root .after\:\[background-blend-mode\:soft-light\2c _hue\2c _hard-light\]:after{background-blend-mode:soft-light,hue,hard-light;content:var(--tw-content)}.b3-root .after\:\[background-position\:center\2c _0\%_var\(--bg-y\)\2c _calc\(var\(--bg-x\)\*_-1\)_calc\(var\(--bg-y\)\*_-1\)\2c _var\(--bg-x\)_var\(--bg-y\)\]:after{background-position:50%,0 var(--bg-y),calc(var(--bg-x)*-1) calc(var(--bg-y)*-1),var(--bg-x) var(--bg-y);content:var(--tw-content)}.b3-root .after\:\[background-size\:var\(--foil-size\)\2c _200\%_400\%\2c _800\%\2c _200\%\]:after{background-size:var(--foil-size),200% 400%,800%,200%;content:var(--tw-content)}@media (hover:hover) and (pointer:fine){.b3-root .hover\:rotate-180:hover{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .hover\:border-as-border-secondary:hover{border-color:hsl(var(--as-border-secondary))}.b3-root .hover\:border-as-brand:hover{border-color:hsl(var(--as-brand))}.b3-root .hover\:border-as-brand\/50:hover{border-color:hsl(var(--as-brand)/.5)}.b3-root .hover\:border-as-secondary\/80:hover{border-color:hsl(var(--as-secondary)/.8)}.b3-root .hover\:border-black\/30:hover{border-color:rgba(0,0,0,.3)}.b3-root .hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.b3-root .hover\:bg-\[\#3368ef\]\/90:hover{background-color:rgba(51,104,239,.9)}.b3-root .hover\:bg-as-brand\/5:hover{background-color:hsl(var(--as-brand)/.05)}.b3-root .hover\:bg-as-brand\/90:hover{background-color:hsl(var(--as-brand)/.9)}.b3-root .hover\:bg-as-light-brand\/30:hover{background-color:hsl(var(--as-light-brand)/.3)}.b3-root .hover\:bg-as-on-surface-2:hover{background-color:hsl(var(--as-on-surface-2))}.b3-root .hover\:bg-as-on-surface-3:hover{background-color:hsl(var(--as-on-surface-3))}.b3-root .hover\:bg-as-surface-primary:hover{background-color:hsl(var(--as-surface-primary))}.b3-root .hover\:bg-as-surface-secondary:hover{background-color:hsl(var(--as-surface-secondary))}.b3-root .hover\:bg-b3-line:hover{background-color:hsl(var(--b3-line))}.b3-root .hover\:bg-b3-primary-wash\/70:hover{background-color:hsl(var(--b3-primary-wash)/.7)}.b3-root .hover\:bg-b3-react-background:hover{background-color:hsl(var(--b3-react-background))}.b3-root .hover\:bg-b3-react-muted\/50:hover{background-color:hsl(var(--b3-react-muted)/.5)}.b3-root .hover\:bg-b3-react-primary\/80:hover{background-color:hsl(var(--b3-react-primary)/.8)}.b3-root .hover\:bg-b3-react-primary\/90:hover{background-color:hsl(var(--b3-react-primary)/.9)}.b3-root .hover\:bg-black\/30:hover{background-color:rgba(0,0,0,.3)}.b3-root .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.b3-root .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.b3-root .hover\:bg-gray-100\/50:hover{background-color:rgba(243,244,246,.5)}.b3-root .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.b3-root .hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.b3-root .hover\:text-as-primary:hover{color:hsl(var(--as-primary))}.b3-root .hover\:text-as-primary\/80:hover{color:hsl(var(--as-primary)/.8)}.b3-root .hover\:text-b3-foreground-muted\/80:hover{color:hsl(var(--b3-foreground-muted)/.8)}.b3-root .hover\:text-b3-grey\/80:hover{color:hsl(var(--b3-grey)/.8)}.b3-root .hover\:text-b3-react-foreground:hover{color:hsl(var(--b3-react-foreground))}.b3-root .hover\:text-b3-react-foreground\/80:hover{color:hsl(var(--b3-react-foreground)/.8)}.b3-root .hover\:text-b3-react-foreground\/90:hover{color:hsl(var(--b3-react-foreground)/.9)}.b3-root .hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.b3-root .hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.b3-root .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.b3-root .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.b3-root .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.b3-root .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root .hover\:underline:hover{text-decoration-line:underline}.b3-root .hover\:opacity-100:hover{opacity:1}.b3-root .hover\:shadow-\[0_0_20px_rgb\(0\2c 0\2c 0\2c 20\%\)\]:hover{--tw-shadow:0 0 20px rgb(0,0,0,20%);--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.b3-root .hover\:shadow-\[0_0_20px_rgb\(0\2c 0\2c 0\2c 20\%\)\]:hover,.b3-root .hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.b3-root .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.b3-root .hover\:filter-none:hover{filter:none}.b3-root .hover\:\[--duration\:200ms\]:hover{--duration:200ms}.b3-root .hover\:\[--easing\:linear\]:hover{--easing:linear}.b3-root .hover\:\[--opacity\:0\.1\]:hover{--opacity:0.1}}.b3-root .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.b3-root .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.b3-root .focus\:ring-b3-react-ring:focus{--tw-ring-color:hsl(var(--b3-react-ring))}.b3-root .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.b3-root .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.b3-root .focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.b3-root .focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.b3-root .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.b3-root .focus-visible\:ring-b3-react-ring:focus-visible{--tw-ring-color:hsl(var(--b3-react-ring))}.b3-root .focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.b3-root .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.b3-root .disabled\:pointer-events-none:disabled{pointer-events:none}.b3-root .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.b3-root .disabled\:bg-as-on-surface-2:disabled{background-color:hsl(var(--as-on-surface-2))}.b3-root .disabled\:text-as-primary\/70:disabled{color:hsl(var(--as-primary)/.7)}.b3-root .disabled\:text-as-secondary:disabled{color:hsl(var(--as-secondary))}.b3-root .disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.b3-root .disabled\:hover\:border-b3-react-border:hover:disabled{border-color:hsl(var(--b3-react-border))}.b3-root .group:hover .group-hover\:fill-b3-react-primary{fill:hsl(var(--b3-react-primary))}.b3-root .group:hover .group-hover\:text-as-brand{color:hsl(var(--as-brand))}.b3-root .group:hover .group-hover\:text-as-primary\/60{color:hsl(var(--as-primary)/.6)}.b3-root .group:hover .group-hover\:text-as-primary\/90{color:hsl(var(--as-primary)/.9)}.b3-root .group:hover .group-hover\:text-b3-react-foreground\/60{color:hsl(var(--b3-react-foreground)/.6)}.b3-root .group:hover .group-hover\:text-b3-react-primary{color:hsl(var(--b3-react-primary))}.b3-root .group:hover .group-hover\:opacity-100{opacity:1}.b3-root .group:hover .group-hover\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.b3-root .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.b3-root .data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.b3-root .data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-left-radius:0;border-bottom-right-radius:0}.b3-root .data-\[state\=active\]\:border-b[data-state=active]{border-bottom-width:1px}.b3-root .data-\[state\=inactive\]\:border-b3-react-border[data-state=inactive]{border-color:hsl(var(--b3-react-border))}.b3-root .data-\[state\=active\]\:border-b-b3-primary-blue[data-state=active]{border-bottom-color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=active\]\:bg-b3-react-subtle[data-state=active]{background-color:hsl(var(--b3-react-subtle))}.b3-root .data-\[state\=active\]\:bg-white[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.b3-root .data-\[state\=open\]\:bg-b3-react-background[data-state=open]{background-color:hsl(var(--b3-react-background))}.b3-root .data-\[state\=active\]\:font-bold[data-state=active]{font-weight:700}.b3-root .data-\[state\=active\]\:text-b3-primary-blue[data-state=active]{color:hsl(var(--b3-primary-blue))}.b3-root .data-\[state\=active\]\:text-b3-react-primary[data-state=active]{color:hsl(var(--b3-react-primary))}.b3-root .data-\[state\=inactive\]\:text-b3-react-muted-foreground[data-state=inactive],.b3-root .data-\[state\=open\]\:text-b3-react-muted-foreground[data-state=open]{color:hsl(var(--b3-react-muted-foreground))}.b3-root .data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.b3-root .data-\[state\=closed\]\:backdrop-blur-none[data-state=closed]{--tw-backdrop-blur:blur(0)}.b3-root .data-\[state\=closed\]\:backdrop-blur-none[data-state=closed],.b3-root .data-\[state\=open\]\:backdrop-blur-\[20px\][data-state=open]{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.b3-root .data-\[state\=open\]\:backdrop-blur-\[20px\][data-state=open]{--tw-backdrop-blur:blur(20px)}.b3-root .data-\[state\=open\]\:animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.b3-root .data-\[state\=closed\]\:animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.b3-root .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.b3-root .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.b3-root .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.b3-root .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.b3-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.b3-root .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.b3-root .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.b3-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.b3-root .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.b3-root .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.b3-root .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.b3-root .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.b3-root :is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:border-gray-800){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.b3-root :is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-gray-800\/50){background-color:rgba(31,41,55,.5)}.b3-root :is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:bg-transparent){background-color:transparent}.b3-root :is(.dark .dark\:bg-\[radial-gradient\(ellipse_at_50\%_0\%\2c hsl\(var\(--b3-react-primary\)\/25\%\)_0\%\2c transparent_70\%\)\]){background-image:radial-gradient(ellipse at 50% 0,hsl(var(--b3-react-primary)/25%) 0,transparent 70%)}.b3-root :is(.dark .dark\:text-\[rgb\(255\2c 255\2c 255\2c 90\%\)\]){color:hsla(0,0%,100%,.9)}.b3-root :is(.dark .dark\:text-gray-100){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:\[--base-color\:\#71717a\]){--base-color:#71717a}.b3-root :is(.dark .dark\:\[--base-gradient-color\:\#ffffff\]){--base-gradient-color:#fff}.b3-root :is(.dark .dark\:\[--bg\:linear-gradient\(90deg\2c \#0000_calc\(50\%-var\(--spread\)\)\2c var\(--base-gradient-color\)\2c \#0000_calc\(50\%\+var\(--spread\)\)\)\]){--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}@media (hover:hover) and (pointer:fine){.b3-root :is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:hover\:bg-gray-700\/50:hover){background-color:rgba(55,65,81,.5)}.b3-root :is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.b3-root :is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}.b3-root :is(.dark .dark\:data-\[state\=open\]\:bg-gray-800[data-state=open]){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.b3-root :is(.dark .dark\:data-\[state\=open\]\:text-gray-400[data-state=open]){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}@media (max-width:1023px){.b3-root .lg\:right-0{right:0}}@media (max-width:767px){.b3-root .md\:hidden{display:none}.b3-root .md\:p-4{padding:1rem}.b3-root .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.b3-root .md\:pb-4{padding-bottom:1rem}.b3-root .md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (max-width:480px){.b3-root .sm\:hidden{display:none}.b3-root .sm\:h-8{height:2rem}.b3-root .sm\:max-h-\[80dvh\]{max-height:80dvh}.b3-root .sm\:w-8{width:2rem}.b3-root .sm\:max-w-lg{max-width:32rem}.b3-root .sm\:flex-row{flex-direction:row}.b3-root .sm\:justify-end{justify-content:flex-end}.b3-root .sm\:justify-between{justify-content:space-between}.b3-root .sm\:gap-0{gap:0}.b3-root .sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.b3-root .sm\:rounded-xl{border-radius:.75rem}.b3-root .sm\:p-6{padding:1.5rem}.b3-root .sm\:px-0{padding-left:0;padding-right:0}.b3-root .sm\:text-left{text-align:left}.b3-root .sm\:text-\[30px\]{font-size:30px}.b3-root .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}.b3-root .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.b3-root .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.b3-root .\[\&_\[cmdk-group-heading\]\]\:text-b3-react-muted-foreground [cmdk-group-heading]{color:hsl(var(--b3-react-muted-foreground))}.b3-root .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.b3-root .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.b3-root .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.b3-root .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.b3-root .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.b3-root .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.b3-root .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.b3-root .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.b3-root .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.b3-root .\[\&_svg\]\:size-4 svg{height:1rem;width:1rem}.b3-root .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}

package/dist/types/anyspend/react/components/common/PaymentStripeWeb2.d.ts

@@ -1,8 +1,7 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 interface PaymentStripeWeb2Props {
     order: components["schemas"]["Order"];
-    stripePaymentIntentId: string;
     onPaymentSuccess?: (paymentIntent: any) => void;
 }
-export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;
+export default function PaymentStripeWeb2({ order, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.26-alpha.1",
+  "version": "0.0.26",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/anyspend/react/components/common/PaymentStripeWeb2.tsx

@@ -4,10 +4,10 @@ import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { ShinyButton, useB3, useModalStore, useProfile } from "@b3dotfun/sdk/global-account/react";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import { formatStripeAmount } from "@b3dotfun/sdk/shared/utils/payment.utils";
-import { AddressElement, CardElement, Elements, useElements, useStripe } from "@stripe/react-stripe-js";
-import { loadStripe, PaymentIntentResult, StripeCardElement } from "@stripe/stripe-js";
+import { AddressElement, Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
+import { loadStripe, PaymentIntentResult, StripePaymentElementOptions } from "@stripe/stripe-js";
 import { X } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFingerprintWrapper";
 import HowItWorks from "./HowItWorks";
 import PaymentMethodIcons from "./PaymentMethodIcons";
@@ -16,16 +16,16 @@ const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
 
 interface PaymentStripeWeb2Props {
   order: components["schemas"]["Order"];
-  stripePaymentIntentId: string;
   onPaymentSuccess?: (paymentIntent: any) => void;
 }
 
-export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }: PaymentStripeWeb2Props) {
+export default function PaymentStripeWeb2({ order, onPaymentSuccess }: PaymentStripeWeb2Props) {
   const { theme } = useB3();
   const fingerprintConfig = getFingerprintConfig();
 
-  const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } =
-    useStripeClientSecret(stripePaymentIntentId);
+  const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(
+    order.stripePaymentIntentId!,
+  );
 
   if (isLoadingStripeClientSecret) {
     return <StripeLoadingState />;
@@ -99,17 +99,7 @@ function StripePaymentForm({
   const [amount, setAmount] = useState<string | null>(null);
   const [stripeReady, setStripeReady] = useState<boolean>(false);
   const [showHowItWorks, setShowHowItWorks] = useState<boolean>(false);
-  // Require-completion flags for Card & Address
-  const [cardComplete, setCardComplete] = useState<boolean>(false);
-  const [addressComplete, setAddressComplete] = useState<boolean>(false);
-  // Snapshot of AddressElement value to pass to billing_details
-  const [addressValue, setAddressValue] = useState<any>(null);
-
-  // Helper function to mark "How it works" as seen
-  const markHowItWorksAsSeen = useCallback(() => {
-    setShowHowItWorks(false);
-    localStorage.setItem("b3-payment-how-it-works-seen", "true");
-  }, []);
+  const [showAddressElement, setShowAddressElement] = useState<boolean>(false);
 
   useEffect(() => {
     if (stripe && elements) {
@@ -117,22 +107,16 @@ function StripePaymentForm({
     }
   }, [stripe, elements, order.id]);
 
-  // Check if user has seen "How it works" before
-  useEffect(() => {
-    const hasSeenHowItWorks = localStorage.getItem("b3-payment-how-it-works-seen");
-    if (!hasSeenHowItWorks) {
-      setShowHowItWorks(true);
-    }
-  }, []);
-
   useEffect(() => {
     const fetchPaymentIntent = async () => {
       if (!stripe || !clientSecret) return;
 
       try {
         const paymentIntent = await stripe.retrievePaymentIntent(clientSecret);
-        const amt = paymentIntent.paymentIntent?.amount ? formatStripeAmount(paymentIntent.paymentIntent.amount) : null;
-        setAmount(amt);
+        const amount = paymentIntent.paymentIntent?.amount
+          ? formatStripeAmount(paymentIntent.paymentIntent.amount)
+          : null;
+        setAmount(amount);
       } catch (error) {
         console.error("@@stripe-web2-payment:retrieve-intent-error:", JSON.stringify(error, null, 2));
       }
@@ -141,10 +125,16 @@ function StripePaymentForm({
     fetchPaymentIntent();
   }, [clientSecret, stripe]);
 
+  // Handle payment element changes
+  const handlePaymentElementChange = (event: any) => {
+    // Show address element only for card payments
+    setShowAddressElement(event.value.type === "card");
+  };
+
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
 
-    if (!stripe || !elements || !clientSecret) {
+    if (!stripe || !elements) {
       setMessage("Stripe is not initialized");
       return;
     }
@@ -152,44 +142,10 @@ function StripePaymentForm({
     setLoading(true);
     setMessage(null);
 
-    // Block submission until both card and billing address are complete
-    if (!cardComplete || !addressComplete) {
-      setMessage("Please complete all required billing address and card fields.");
-      setLoading(false);
-      return;
-    }
-
     try {
-      const card = elements.getElement(CardElement) as StripeCardElement | null;
-      if (!card) {
-        setMessage("Card element not found");
-        setLoading(false);
-        return;
-      }
-
-      const result = (await stripe.confirmCardPayment(clientSecret, {
-        payment_method: {
-          card,
-          billing_details: {
-            // Map AddressElement values into billing_details
-            name: addressValue?.name
-              ? typeof addressValue.name === "string"
-                ? addressValue.name
-                : [addressValue.name.firstName, addressValue.name.lastName].filter(Boolean).join(" ")
-              : undefined,
-            phone: addressValue?.phone || undefined,
-            address: addressValue?.address
-              ? {
-                  line1: addressValue.address.line1 || undefined,
-                  line2: addressValue.address.line2 || undefined,
-                  city: addressValue.address.city || undefined,
-                  state: addressValue.address.state || undefined, // province/region
-                  postal_code: addressValue.address.postal_code || undefined,
-                  country: addressValue.address.country || undefined,
-                }
-              : undefined,
-          },
-        },
+      const result = (await stripe.confirmPayment({
+        elements,
+        redirect: "if_required",
       })) as PaymentIntentResult;
 
       if (result.error) {
@@ -248,6 +204,17 @@ function StripePaymentForm({
     return <StripeLoadingState />;
   }
 
+  const stripeElementOptions: StripePaymentElementOptions = {
+    layout: "tabs" as const,
+    fields: {
+      billingDetails: "auto" as const,
+    },
+    wallets: {
+      applePay: "auto" as const,
+      googlePay: "auto" as const,
+    },
+  };
+
   const howItWorksSteps = [
     {
       number: 1,
@@ -279,28 +246,30 @@ function StripePaymentForm({
           totalAmount={amount ? `$${Number(amount).toFixed(2)}` : undefined}
         />
 
-        {/* Simplified Payment Form (Card + LinkAuth) */}
+        {/* Simplified Payment Form */}
         <div className="w-full">
           <div className="text-as-primary mb-4 text-lg font-semibold">Payment Details</div>
-
-          {/* Card input */}
-          <div className="border-as-stroke mb-4 rounded-lg border p-3">
-            <CardElement options={{}} onChange={(e: any) => setCardComplete(!!e.complete)} />
-          </div>
-
-          <AddressElement
-            options={{
-              mode: "billing",
-              fields: { phone: "always" },
-              display: { name: "split" },
-              validation: { phone: { required: "always" } },
-            }}
-            // Ensure we mirror Stripe's built-in completeness signal and capture values
-            onChange={(e: any) => {
-              setAddressComplete(!!e.complete);
-              setAddressValue(e.value);
-            }}
-          />
+          <PaymentElement onChange={handlePaymentElementChange} options={stripeElementOptions} />
+          {showAddressElement && (
+            <AddressElement
+              options={{
+                mode: "billing",
+                fields: {
+                  phone: "always",
+                },
+                // More granular control
+                display: {
+                  name: "split", // or 'split' for first/last name separately
+                },
+                // Validation
+                validation: {
+                  phone: {
+                    required: "auto", // or 'always', 'never'
+                  },
+                },
+              }}
+            />
+          )}
         </div>
 
         {/* Error Message */}
@@ -319,7 +288,7 @@ function StripePaymentForm({
         <ShinyButton
           type="submit"
           accentColor="hsl(var(--as-brand))"
-          disabled={!stripe || !elements || loading || !cardComplete || !addressComplete}
+          disabled={!stripe || !elements || loading}
           className="relative w-full py-4 text-lg font-semibold"
         >
           {loading ? (
@@ -338,20 +307,13 @@ function StripePaymentForm({
 
       {/* How it works modal */}
       {showHowItWorks && (
-        <div
-          className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"
-          onClick={e => {
-            if (e.target === e.currentTarget) {
-              markHowItWorksAsSeen();
-            }
-          }}
-        >
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
           <div className="bg-as-on-surface-1 relative max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-2xl p-6">
             {/* Modal header */}
             <div className="mb-6 flex items-center justify-between">
               <h2 className="text-as-primary text-xl font-semibold">How it works</h2>
               <button
-                onClick={markHowItWorksAsSeen}
+                onClick={() => setShowHowItWorks(false)}
                 className="text-as-primary/60 hover:text-as-primary transition-colors"
               >
                 <X className="h-6 w-6" />
@@ -369,3 +331,26 @@ function StripePaymentForm({
     </div>
   );
 }
+
+// Add tooltip component
+// function Tooltip({ children, content }: { children: React.ReactNode; content: string }) {
+//   const [isVisible, setIsVisible] = useState(false);
+
+//   return (
+//     <div className="relative inline-block">
+//       <div onMouseEnter={() => setIsVisible(true)} onMouseLeave={() => setIsVisible(false)} className="cursor-help">
+//         {children}
+//       </div>
+//       {isVisible && (
+//         <div className="absolute bottom-full left-1/2 z-50 mb-2 w-80 -translate-x-1/2">
+//           <div className="bg-as-on-surface-1 border-as-stroke text-as-primary rounded-lg border p-3 text-sm shadow-lg">
+//             <div className="whitespace-pre-line">{content}</div>
+//             <div className="absolute left-1/2 top-full -translate-x-1/2">
+//               <div className="border-t-as-on-surface-1 border-l-4 border-r-4 border-t-4 border-transparent"></div>
+//             </div>
+//           </div>
+//         </div>
+//       )}
+//     </div>
+//   );
+// }

package/src/anyspend/react/components/common/PaymentVendorUI.tsx

@@ -16,8 +16,8 @@ export default function PaymentVendorUI({ order, dstTokenSymbol }: PaymentVendor
   }
 
   // Handle Stripe Web2 payment flow
-  if (vendor === "stripe-web2" && order.stripePaymentIntentId) {
-    return <PaymentStripeWeb2 order={order} stripePaymentIntentId={order.stripePaymentIntentId} />;
+  if (vendor === "stripe-web2") {
+    return <PaymentStripeWeb2 order={order} />;
   }
 
   // Return null for unsupported vendors