[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"example-src-posthog-analytics":3},"\u003Cgui version=\"0.2\" name=\"PostHog Mobile Analytics\">\n  \u003Ctokens>\n    \u003C!-- PostHog Core Palette (notion.md-style guidelines for PostHog) -->\n    \u003Ccolor name=\"bg\" value=\"#eeefe9\" \u002F> \u003C!-- Warm Cream continuous canvas background -->\n    \u003Ccolor name=\"surface\" value=\"#ffffff\" \u002F> \u003C!-- Flat white card surface -->\n    \u003Ccolor name=\"surface-soft\" value=\"#e5e7e0\" \u002F> \u003C!-- Button secondary \u002F sub-nav gray -->\n    \u003Ccolor name=\"border\" value=\"#bfc1b7\" \u002F> \u003C!-- Hairline card border -->\n    \u003Ccolor name=\"border-soft\" value=\"#dcdfd2\" \u002F>\n    \n    \u003C!-- Chromatic Focus Accent (scarce yellow CTA) -->\n    \u003Ccolor name=\"primary\" value=\"#f7a501\" \u002F> \u003C!-- Saturated PostHog Yellow-Orange -->\n    \u003Ccolor name=\"on-primary\" value=\"#23251d\" \u002F> \u003C!-- Deep olive text on yellow -->\n    \n    \u003C!-- Text Colors -->\n    \u003Ccolor name=\"ink\" value=\"#23251d\" \u002F> \u003C!-- Deep olive-charcoal near-black -->\n    \u003Ccolor name=\"body\" value=\"#4d4f46\" \u002F> \u003C!-- Olive-gray default paragraph text -->\n    \u003Ccolor name=\"text-secondary\" value=\"#6c6e63\" \u002F> \u003C!-- Muted labels -->\n    \n    \u003C!-- Semantic & Docs Banners -->\n    \u003Ccolor name=\"accent-blue\" value=\"#2c84e0\" \u002F>\n    \u003Ccolor name=\"accent-blue-soft\" value=\"#dceaf6\" \u002F> \u003C!-- Docs Blue tip banner fill -->\n    \u003Ccolor name=\"success\" value=\"#2c8c66\" \u002F> \u003C!-- Glowing green for live active indicators -->\n    \u003Ccolor name=\"tint-mint\" value=\"#dcece4\" \u002F> \u003C!-- Soft mint tint behind success\u002Fpositive pills -->\n    \u003Ccolor name=\"danger\" value=\"#cd4239\" \u002F>\n    \n    \u003C!-- Sizing & Radii (Sober geometry) -->\n    \u003Cnumber name=\"radius-sm\" value=\"4\" \u002F>\n    \u003Cnumber name=\"radius-md\" value=\"6\" \u002F> \u003C!-- PostHog's signature 6px card\u002Finput radius -->\n    \u003Cnumber name=\"radius-lg\" value=\"8\" \u002F>\n    \u003Cnumber name=\"radius-pill\" value=\"9999\" \u002F>\n    \n    \u003C!-- Spacing -->\n    \u003Cnumber name=\"space-xs\" value=\"4\" \u002F>\n    \u003Cnumber name=\"space-sm\" value=\"8\" \u002F>\n    \u003Cnumber name=\"space-md\" value=\"12\" \u002F>\n    \u003Cnumber name=\"space-lg\" value=\"16\" \u002F>\n    \u003Cnumber name=\"space-xl\" value=\"24\" \u002F>\n  \u003C\u002Ftokens>\n\n  \u003Cstyles>\n    \u003Ctext-style name=\"HeaderBrand\" font-family=\"IBM Plex Sans\" font-size=\"16\" font-weight=\"700\" line-height=\"20\" letter-spacing=\"-0.3\" \u002F>\n    \u003Ctext-style name=\"Headline\u002FLarge\" font-family=\"IBM Plex Sans\" font-size=\"24\" font-weight=\"800\" line-height=\"30\" letter-spacing=\"-0.6\" \u002F>\n    \u003Ctext-style name=\"Heading\u002FCard\" font-family=\"IBM Plex Sans\" font-size=\"18\" font-weight=\"700\" line-height=\"24\" \u002F>\n    \u003Ctext-style name=\"Body\" font-family=\"IBM Plex Sans\" font-size=\"15\" font-weight=\"400\" line-height=\"22\" \u002F>\n    \u003Ctext-style name=\"Body\u002FStrong\" font-family=\"IBM Plex Sans\" font-size=\"15\" font-weight=\"600\" line-height=\"22\" \u002F>\n    \u003Ctext-style name=\"Eyebrow\" font-family=\"IBM Plex Sans\" font-size=\"11\" font-weight=\"700\" line-height=\"15\" letter-spacing=\"0.5\" \u002F>\n    \u003Ctext-style name=\"Caption\" font-family=\"IBM Plex Sans\" font-size=\"13\" font-weight=\"500\" line-height=\"17\" \u002F>\n    \u003Ctext-style name=\"Time\" font-family=\"IBM Plex Sans\" font-size=\"15\" font-weight=\"600\" line-height=\"18\" \u002F>\n  \u003C\u002Fstyles>\n\n  \u003Cfonts>\n    \u003Cfont family=\"IBM Plex Sans\" source=\"google\" weights=\"400 500 600 700 800\" styles=\"normal\" \u002F>\n  \u003C\u002Ffonts>\n\n  \u003C!-- Root Canvas: Scrollable mobile canvas on warm cream background -->\n  \u003Ccol w=\"390\" fill=\"$bg\">\n    \n    \u003C!-- 1. iPhone 14\u002F15 Status Bar (olive elements) -->\n    \u003Crow w=\"390\" h=\"47\" p=\"0 24\" align=\"middle-left\" gap=\"auto\" fill=\"$bg\">\n      \u003Ctext value=\"9:41\" text-style=\"Time\" color=\"$ink\" \u002F>\n      \u003Crow gap=\"6\" align=\"middle-right\">\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsignal.svg?color=%2323251d\" w=\"17\" h=\"11\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fwifi.svg?color=%2323251d\" w=\"17\" h=\"11\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fbattery.svg?color=%2323251d\" w=\"20\" h=\"11\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- 2. PostHog Navigation Header (1px bottom border) -->\n    \u003Crow role=\"top-navigation-bar\" w=\"390\" h=\"52\" p=\"0 16\" align=\"middle-left\" gap=\"auto\" fill=\"$bg\" border-bottom=\"1 $border\">\n      \u003Crow gap=\"8\" align=\"middle-left\">\n        \u003C!-- Hedgehog emoji logo + brand text -->\n        \u003Ctext value=\"🦔\" font-family=\"IBM Plex Sans\" font-size=\"18\" line-height=\"20\" \u002F>\n        \u003Ctext value=\"posthog\" text-style=\"HeaderBrand\" color=\"$ink\" \u002F>\n      \u003C\u002Frow>\n      \u003C!-- Date Selector pill chip -->\n      \u003Crow role=\"chip\" p=\"6 14\" fill=\"$surface-soft\" radius=\"$radius-pill\" align=\"middle-center\" stroke=\"$border\" stroke-width=\"1\" gap=\"4\">\n        \u003Ctext value=\"Last 7 days\" font-family=\"IBM Plex Sans\" font-size=\"13\" font-weight=\"600\" color=\"$ink\" line-height=\"16\" \u002F>\n        \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fchevron-down.svg?color=%2323251d\" w=\"14\" h=\"14\" \u002F>\n      \u003C\u002Frow>\n    \u003C\u002Frow>\n\n    \u003C!-- 3. DASHBOARDS CONTENT FEED CONTAINER (extra bottom padding for tab bar) -->\n    \u003Ccol w=\"390\" p=\"16 16 96 16\" gap=\"16\">\n\n      \u003C!-- === CARD 1: Live active visitor activity === -->\n      \u003Ccol role=\"card\" w=\"358\" p=\"16\" fill=\"$surface\" radius=\"$radius-md\" stroke=\"$border\" stroke-width=\"1\" gap=\"12\">\n        \u003Ctext value=\"LIVE ACTIVITY\" text-style=\"Eyebrow\" color=\"$body\" w=\"326\" \u002F>\n        \u003Crow gap=\"10\" align=\"middle-left\" w=\"326\">\n          \u003Cellipse fill=\"$success\" w=\"10\" h=\"10\" \u002F>\n          \u003Crow gap=\"4\" align=\"baseline\">\n            \u003Ctext value=\"142\" text-style=\"Headline\u002FLarge\" color=\"$ink\" \u002F>\n            \u003Ctext value=\"visitors active on site\" text-style=\"Body\" color=\"$body\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n\n      \u003C!-- === CARD 2: Product Web Analytics Pageviews === -->\n      \u003Ccol role=\"card\" w=\"358\" p=\"16\" fill=\"$surface\" radius=\"$radius-md\" stroke=\"$border\" stroke-width=\"1\" gap=\"14\">\n        \u003Crow w=\"326\" gap=\"auto\" align=\"middle-left\">\n          \u003Ctext value=\"Product Analytics\" text-style=\"Heading\u002FCard\" color=\"$ink\" \u002F>\n          \u003C!-- Tab switchers -->\n          \u003Crow role=\"segmented-control\" gap=\"4\" align=\"middle-right\">\n            \u003Crow p=\"4 10\" fill=\"$primary\" radius=\"$radius-pill\" align=\"middle-center\">\n              \u003Ctext value=\"Pageviews\" font-family=\"IBM Plex Sans\" font-size=\"12\" font-weight=\"700\" color=\"$on-primary\" line-height=\"14\" \u002F>\n            \u003C\u002Frow>\n            \u003Crow p=\"4 10\" fill=\"none\" radius=\"$radius-pill\" align=\"middle-center\">\n              \u003Ctext value=\"Uniques\" font-family=\"IBM Plex Sans\" font-size=\"12\" font-weight=\"600\" color=\"$body\" line-height=\"14\" \u002F>\n            \u003C\u002Frow>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n        \n        \u003C!-- Big Number details -->\n        \u003Crow gap=\"8\" align=\"baseline\" w=\"326\">\n          \u003Ctext value=\"12,842\" text-style=\"Headline\u002FLarge\" color=\"$ink\" \u002F>\n          \u003Crow p=\"2 6\" fill=\"$tint-mint\" radius=\"$radius-pill\" align=\"middle-center\" stroke=\"$success\" stroke-width=\"1\">\n            \u003Ctext value=\"+14.2%\" font-family=\"IBM Plex Sans\" font-size=\"11\" font-weight=\"700\" color=\"$success\" line-height=\"13\" \u002F>\n          \u003C\u002Frow>\n        \u003C\u002Frow>\n\n        \u003C!-- Dynamic High-Fidelity Bar Chart -->\n        \u003Crow w=\"326\" h=\"80\" gap=\"10\" align=\"bottom-left\" p=\"8 0\">\n          \u003Crect fill=\"$surface-soft\" w=\"20\" h=\"30\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$surface-soft\" w=\"20\" h=\"40\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$surface-soft\" w=\"20\" h=\"50\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$primary\" w=\"20\" h=\"75\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$primary\" w=\"20\" h=\"65\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$primary\" w=\"20\" h=\"80\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$surface-soft\" w=\"20\" h=\"45\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$surface-soft\" w=\"20\" h=\"55\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$surface-soft\" w=\"20\" h=\"60\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$surface-soft\" w=\"20\" h=\"48\" radius=\"$radius-sm\" \u002F>\n          \u003Crect fill=\"$surface-soft\" w=\"20\" h=\"35\" radius=\"$radius-sm\" \u002F>\n        \u003C\u002Frow>\n        \n        \u003C!-- Timeline Labels -->\n        \u003Crow w=\"326\" gap=\"auto\" align=\"middle-left\">\n          \u003Ctext value=\"May 20\" text-style=\"Caption\" color=\"$text-secondary\" \u002F>\n          \u003Ctext value=\"May 26\" text-style=\"Caption\" color=\"$text-secondary\" \u002F>\n        \u003C\u002Frow>\n      \u003C\u002Fcol>\n\n      \u003C!-- === CARD 3: Conversion Funnel === -->\n      \u003Ccol role=\"card\" w=\"358\" p=\"16\" fill=\"$surface\" radius=\"$radius-md\" stroke=\"$border\" stroke-width=\"1\" gap=\"14\">\n        \u003Ccol gap=\"4\" w=\"326\">\n          \u003Ctext value=\"CONVERSION FUNNEL\" text-style=\"Eyebrow\" color=\"$body\" w=\"326\" \u002F>\n          \u003Ctext value=\"User Acquisition Funnel\" text-style=\"Heading\u002FCard\" color=\"$ink\" w=\"326\" \u002F>\n        \u003C\u002Fcol>\n\n        \u003C!-- Funnel steps progress rows -->\n        \u003Ccol w=\"326\" gap=\"12\">\n          \u003C!-- Step 1 -->\n          \u003Ccol gap=\"4\" w=\"326\">\n            \u003Crow w=\"326\" gap=\"auto\" align=\"middle-left\">\n              \u003Ctext value=\"1. Unique Visitors\" text-style=\"Body\u002FStrong\" color=\"$ink\" \u002F>\n              \u003Ctext value=\"10,000 (100%)\" text-style=\"Body\" color=\"$body\" \u002F>\n            \u003C\u002Frow>\n            \u003Cframe w=\"326\" h=\"8\">\n              \u003Crect fill=\"$surface-soft\" w=\"326\" h=\"8\" radius=\"4\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n              \u003Crect fill=\"$primary\" w=\"326\" h=\"8\" radius=\"4\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n            \u003C\u002Fframe>\n          \u003C\u002Fcol>\n\n          \u003C!-- Step 2 -->\n          \u003Ccol gap=\"4\" w=\"326\">\n            \u003Crow w=\"326\" gap=\"auto\" align=\"middle-left\">\n              \u003Ctext value=\"2. Signups Created\" text-style=\"Body\u002FStrong\" color=\"$ink\" \u002F>\n              \u003Ctext value=\"2,400 (24%)\" text-style=\"Body\" color=\"$body\" \u002F>\n            \u003C\u002Frow>\n            \u003Cframe w=\"326\" h=\"8\">\n              \u003Crect fill=\"$surface-soft\" w=\"326\" h=\"8\" radius=\"4\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n              \u003Crect fill=\"$primary\" w=\"78\" h=\"8\" radius=\"4\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n            \u003C\u002Fframe>\n          \u003C\u002Fcol>\n\n          \u003C!-- Step 3 -->\n          \u003Ccol gap=\"4\" w=\"326\">\n            \u003Crow w=\"326\" gap=\"auto\" align=\"middle-left\">\n              \u003Ctext value=\"3. Product Installed\" text-style=\"Body\u002FStrong\" color=\"$ink\" \u002F>\n              \u003Ctext value=\"1,200 (12%)\" text-style=\"Body\" color=\"$body\" \u002F>\n            \u003C\u002Frow>\n            \u003Cframe w=\"326\" h=\"8\">\n              \u003Crect fill=\"$surface-soft\" w=\"326\" h=\"8\" radius=\"4\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n              \u003Crect fill=\"$primary\" w=\"39\" h=\"8\" radius=\"4\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n            \u003C\u002Fframe>\n          \u003C\u002Fcol>\n        \u003C\u002Fcol>\n      \u003C\u002Fcol>\n\n      \u003C!-- === CARD 4: Referrer Traffic === -->\n      \u003Ccol role=\"card\" w=\"358\" p=\"16\" fill=\"$surface\" radius=\"$radius-md\" stroke=\"$border\" stroke-width=\"1\" gap=\"12\">\n        \u003Ctext value=\"TOP REFERRERS\" text-style=\"Eyebrow\" color=\"$body\" w=\"326\" \u002F>\n        \n        \u003Ccol w=\"326\" gap=\"10\">\n          \u003C!-- Item 1: Google -->\n          \u003Ccol gap=\"4\" w=\"326\">\n            \u003Crow w=\"326\" gap=\"auto\" align=\"middle-left\">\n              \u003Ctext value=\"google.com\" text-style=\"Body\u002FStrong\" color=\"$ink\" \u002F>\n              \u003Ctext value=\"5,842 (45%)\" text-style=\"Body\" color=\"$body\" \u002F>\n            \u003C\u002Frow>\n            \u003Cframe w=\"326\" h=\"6\">\n              \u003Crect fill=\"$surface-soft\" w=\"326\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n              \u003Crect fill=\"$ink\" w=\"146\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n            \u003C\u002Fframe>\n          \u003C\u002Fcol>\n          \u003C!-- Item 2: GitHub -->\n          \u003Ccol gap=\"4\" w=\"326\">\n            \u003Crow w=\"326\" gap=\"auto\" align=\"middle-left\">\n              \u003Ctext value=\"github.com\" text-style=\"Body\u002FStrong\" color=\"$ink\" \u002F>\n              \u003Ctext value=\"3,204 (25%)\" text-style=\"Body\" color=\"$body\" \u002F>\n            \u003C\u002Frow>\n            \u003Cframe w=\"326\" h=\"6\">\n              \u003Crect fill=\"$surface-soft\" w=\"326\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n              \u003Crect fill=\"$ink\" w=\"81\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n            \u003C\u002Fframe>\n          \u003C\u002Fcol>\n          \u003C!-- Item 3: Twitter -->\n          \u003Ccol gap=\"4\" w=\"326\">\n            \u003Crow w=\"326\" gap=\"auto\" align=\"middle-left\">\n              \u003Ctext value=\"t.co (Twitter)\" text-style=\"Body\u002FStrong\" color=\"$ink\" \u002F>\n              \u003Ctext value=\"1,842 (14%)\" text-style=\"Body\" color=\"$body\" \u002F>\n            \u003C\u002Frow>\n            \u003Cframe w=\"326\" h=\"6\">\n              \u003Crect fill=\"$surface-soft\" w=\"326\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n              \u003Crect fill=\"$ink\" w=\"45\" h=\"6\" radius=\"3\" abs=\"true\" x=\"0\" y=\"0\" \u002F>\n            \u003C\u002Fframe>\n          \u003C\u002Fcol>\n        \u003C\u002Fcol>\n      \u003C\u002Fcol>\n\n      \u003C!-- === CARD 5: PostHog Docs-style Blue Tip Banner === -->\n      \u003Crow role=\"banner\" w=\"358\" p=\"12 16\" fill=\"$accent-blue-soft\" radius=\"$radius-md\" stroke=\"$accent-blue\" stroke-width=\"1\" gap=\"10\" align=\"top-left\">\n        \u003Ctext value=\"💡\" font-family=\"IBM Plex Sans\" font-size=\"16\" line-height=\"20\" \u002F>\n        \u003Ctext text-style=\"Body\" color=\"$ink\" w=\"302\">\n          \u003Csegment value=\"Tip: Group session replays by referral source to understand high-value user paths.\" font-family=\"IBM Plex Sans\" font-size=\"13\" font-weight=\"500\" color=\"$ink\" \u002F>\n        \u003C\u002Ftext>\n      \u003C\u002Frow>\n\n      \u003C!-- === CARD 6: Hedgehog Mascot footer note card === -->\n      \u003Crow role=\"card\" w=\"358\" p=\"16\" fill=\"$surface\" radius=\"$radius-md\" stroke=\"$border\" stroke-width=\"1\" gap=\"14\" align=\"middle-left\">\n        \u003Ctext value=\"🦔\" font-family=\"IBM Plex Sans\" font-size=\"28\" line-height=\"34\" \u002F>\n        \u003Ccol gap=\"2\" w=\"284\">\n          \u003Ctext value=\"PostHog Pro Active\" font-family=\"IBM Plex Sans\" font-size=\"14\" font-weight=\"700\" color=\"$ink\" \u002F>\n          \u003Ctext value=\"Self-hosted analytics server is running smoothly.\" font-family=\"IBM Plex Sans\" font-size=\"13\" font-weight=\"400\" color=\"$body\" \u002F>\n        \u003C\u002Fcol>\n      \u003C\u002Frow>\n\n    \u003C\u002Fcol>\n\n    \u003C!-- 4. Fixed Bottom Tab Bar Navigation (sits flat, matching PostHog design) -->\n    \u003Ccol w=\"390\" fill=\"$surface\" border-top=\"1 $border\">\n      \n      \u003C!-- Tab icons -->\n      \u003Crow role=\"tab-bar\" w=\"390\" h=\"50\" align=\"middle-left\">\n        \u003C!-- Tab 1: Dashboards (Active - PostHog Yellow) -->\n        \u003Ccol gap=\"2\" align=\"middle-center\" w=\"97\" h=\"48\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fline-chart.svg?color=%23f7a501\" w=\"24\" h=\"24\" \u002F>\n          \u003Ctext value=\"Dashboards\" font-family=\"IBM Plex Sans\" font-size=\"10\" font-weight=\"700\" color=\"$primary\" \u002F>\n        \u003C\u002Fcol>\n        \u003C!-- Tab 2: Replays -->\n        \u003Ccol gap=\"2\" align=\"middle-center\" w=\"97\" h=\"48\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fvideo.svg?color=%236c6e63\" w=\"24\" h=\"24\" \u002F>\n          \u003Ctext value=\"Replays\" font-family=\"IBM Plex Sans\" font-size=\"10\" font-weight=\"500\" color=\"$body\" \u002F>\n        \u003C\u002Fcol>\n        \u003C!-- Tab 3: Flags -->\n        \u003Ccol gap=\"2\" align=\"middle-center\" w=\"98\" h=\"48\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fflag.svg?color=%236c6e63\" w=\"24\" h=\"24\" \u002F>\n          \u003Ctext value=\"Flags\" font-family=\"IBM Plex Sans\" font-size=\"10\" font-weight=\"500\" color=\"$body\" \u002F>\n        \u003C\u002Fcol>\n        \u003C!-- Tab 4: Settings -->\n        \u003Ccol gap=\"2\" align=\"middle-center\" w=\"98\" h=\"48\">\n          \u003Cimg src=\"https:\u002F\u002Fapi.iconify.design\u002Flucide\u002Fsettings.svg?color=%236c6e63\" w=\"24\" h=\"24\" \u002F>\n          \u003Ctext value=\"Settings\" font-family=\"IBM Plex Sans\" font-size=\"10\" font-weight=\"500\" color=\"$body\" \u002F>\n        \u003C\u002Fcol>\n      \u003C\u002Frow>\n\n      \u003C!-- iPhone safe area spacer at the bottom -->\n      \u003Cframe w=\"390\" h=\"34\" clip=\"true\">\n        \u003Crect fill=\"#23251d\" w=\"140\" h=\"5\" radius=\"3\" abs=\"true\" x=\"125\" y=\"15\" \u002F>\n      \u003C\u002Fframe>\n\n    \u003C\u002Fcol>\n\n  \u003C\u002Fcol>\n\u003C\u002Fgui>\n",1784753172932]