1<!DOCTYPE html> 2 3<html lang="en"> 4 <head> 5 <title>Candy AI: AI Girlfriend App | Chat w/ Pics, Voice, & Video</title> 6 7 <meta 8 name="description" 9 content="Candy.ai is the best AI girlfriend app, letting you create personalized virtual companions or connect instantly with our realistic AI characters in immersive, uncensored fantasy experiences - all within a safe and private space." 10 > 11 12 <link rel="manifest" href="/manifest.json"> 13 <meta name="mobile-web-app-capable" content="yes"> 14<meta name="apple-mobile-web-app-capable" content="yes"> 15<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 16<meta name="apple-mobile-web-app-title" content="Candy.ai"> 17<link rel="apple-touch-icon" sizes="20x20" href="/assets/pwa/icons/apple/Icon-App-20x20@1x-a68ddb9a4d795f81cc50a7f8245d34ee25ae7450f6b50bd38ab6d0cc29ba9d82.png"> 18<link rel="apple-touch-icon" sizes="40x40" href="/assets/pwa/icons/apple/Icon-App-20x20@2x-079c311c560debf61bdbd7aefd29e2a5fb64aac3fbe839f6dfdd06e4c896137f.png"> 19<link rel="apple-touch-icon" sizes="60x60" href="/assets/pwa/icons/apple/Icon-App-20x20@3x-e99c82d2029a7be6f5d980707467f618c8d421b68f42acf1f9f6d8dd0be03863.png"> 20<link rel="apple-touch-icon" sizes="29x29" href="/assets/pwa/icons/apple/Icon-App-29x29@1x-48a6a12c55630ca1e50f3181901433a57c3a769844ab220ebcd41e38b53b765f.png"> 21<link rel="apple-touch-icon" sizes="58x58" href="/assets/pwa/icons/apple/Icon-App-29x29@2x-6cb0cf768da130b01c280240007cf83cae55dace137c43c4134f47
215a5a7e1513.png"> 22<link rel="apple-touch-icon" sizes="87x87" href="/assets/pwa/icons/apple/Icon-App-29x29@3x-e3f5dd9cdd3e42ae0b1df37bc29cc11357097bbea83aa15903b7b64d9857c65e.png"> 23<link rel="apple-touch-icon" sizes="80x80" href="/assets/pwa/icons/apple/Icon-App-40x40@2x-fb53caa3aabf8461ad4d7dca6b0aa3dc9b733250557f20fccddf7dc5883e9c66.png"> 24<link rel="apple-touch-icon" sizes="120x120" href="/assets/pwa/icons/apple/Icon-App-60x60@2x-809afb76dbf9457ee733189bf14ec3be6f73289bd3c624f785a58d9a99311f0f.png"> 25<link rel="apple-touch-icon" sizes="180x180" href="/assets/pwa/icons/apple/Icon-App-60x60@3x-010de2e7f02801c7ffc9aef0b5e99559465237d6a1c0a88067e95a6d6970aa4e.png"> 26<link rel="apple-touch-icon" sizes="76x76" href="/assets/pwa/icons/apple/Icon-App-76x76@1x-ae40f606e443ca29174d5c4460a812ce15364ef342c4545fb27ac16c06e47e48.png"> 27<link rel="apple-touch-icon" sizes="152x152" href="/assets/pwa/icons/apple/Icon-App-76x76@2x-82d7f24c4bd6fc4888e8149952aa167a438872b5ee7bd2f4bf326f3dc72a7084.png"> 28<link rel="apple-touch-icon" sizes="167x167" href="/assets/pwa/icons/apple/Icon-App-83.5x83.5@2x-a9516fae099b364a0a0fb606a86ab86f28ffd3160b75c48c92a7ad63bb9cf23e.png"> 29 30 <!-- Facebook Open Graph data --> 31 <meta 32 property="og:title" 33 content="Candy AI: AI Girlfriend App | Chat w/ Pics, Voice, & Video" 34 > 35 36 <meta property="og:type" content="website"> 37 38 <meta property="og:url" content="https://candy.ai/characters/new2"> 39 40 <meta 41 property="og:description" 42 content="Candy.ai is the best AI girlfriend app, letting you create personalized virtual companions or connect instantly with our realistic AI characters in immersive, uncensored fantasy experiences - all within a safe and private space." 43 > 44 45 <meta 46 property="og:site_name" 47 content="Candy AI: AI Girlfriend App | Chat w/ Pics, Voice, & Video" 48 > 49 50 <meta 51 property="og:image" 52 content="https://candy.ai/assets/logos/social_sharing_1200X630-dc5e40669a70a12c1f6a549ddf5fc46f68c903832665b87565209ccaed673756.png" 53 > 54 <meta name="twitter:card" content="summary_large_image"> 55 56 <!-- Twitter Card data --> 57 58 <meta name="turbo-prefetch" content="false"> 59 60 <meta 61 name="viewport" 62 content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no" 63 > 64 65 66 67 <link rel="canonical" href="https://candy.ai/characters/new2"> 68 <link 69 rel="alternate" 70 href="https://candy.ai/characters/new2" 71 hreflang="en" 72 > 73 <link 74 rel="alternate" 75 href="https://candy.ai/fr/characters/new2" 76 hreflang="fr" 77 > 78 <link 79 rel="alternate" 80 href="https://candy.ai/de/characters/new2" 81 hreflang="de" 82 > 83 <link 84 rel="alternate" 85 href="https://candy.ai/es/characters/new2" 86 hreflang="es" 87 > 88 <link 89 rel="alternate" 90 href="https://candy.ai/pt-BR/characters/new2" 91 hreflang="pt-BR" 92 > 93 <link 94 rel="alternate" 95 href="https://candy.ai/it/characters/new2" 96 hreflang="it" 97 > 98 <link 99 rel="alternate" 100 href="https://candy.ai/nl/characters/new2" 101 hreflang="nl" 102 > 103 <link 104 rel="alternate" 105 href="https://candy.ai/sv/characters/new2" 106 hreflang="sv" 107 > 108 <link 109 rel="alternate" 110 href="https://candy.ai/da/characters/new2" 111 hreflang="da" 112 > 113 <link 114 rel="alternate" 115 href="https://candy.ai/no/characters/new2" 116 hreflang="no" 117 > 118 <link 119 rel="alternate" 120 href="https://candy.ai/fi/characters/new2" 121 hreflang="fi" 122 > 123 <link 124 rel="alternate" 125 href="https://candy.ai/ja/characters/new2" 126 hreflang="ja" 127 > 128 <link 129 rel="alternate" 130 href="https://candy.ai/pl/characters/new2" 131 hreflang="pl" 132 > 133 <link 134 rel="alternate" 135 href="https://candy.ai/characters/new2" 136 hreflang="x-default" 137 > 138 139
139<script type="application/ld+json"> 140{ 141 "@context": "https://schema.org", 142 "@type": "BreadcrumbList", 143 "itemListElement": [ 144 { 145 "@type": "ListItem", 146 "position": 1, 147 "name": "Home", 148 "item": "https://candy.ai/" 149 }, 150 { 151 "@type": "ListItem", 152 "position": 2, 153 "name": "Candy AI: AI Girlfriend App | Chat w/ Pics, Voice, & Video", 154 "item": "https://candy.ai/characters/new2" 155 } 156 ] 157} 158</script>
158 159 160 161 <meta name="csrf-param" content="authenticity_token" /> 162<meta name="csrf-token" content="dJZhDRdRIYtOavuuxN2G_ju9y2Dj3vYdSWl641kkWKt0wUqByexvXVc1CWN5DyHbIB9dIftJOHFRh-lhBjtmpA" /> 163 164 <link rel="icon" type="image/x-icon" href="/assets/favico-c002e20e13e2ee0d917bef3242cab0236c1087207a951e9d578b370c519d800a.png" /> 165 <link rel="preconnect" href="https://fonts.googleapis.com"> 166<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 167 <link rel="preconnect" href="https://cdn.candy.ai" crossorigin> 168<link rel="stylesheet" 169 href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap" 170 media="print" 171 onload="this.media='all'"> 172<noscript> 173 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap"> 174</noscript> 175 176<link rel="stylesheet" href="/assets/application-8ee8a481074c4025471514720f49a183b2d681ef94947cc96604f49cfcc404bd.css" data-turbo-track="reload" /> 177 178
178<script src="/assets/application-8e0f15c7ab8015fa09b9283587ea3992a13e25d296abc53659a4a68d93893d7e.js" data-turbo-track="reload" defer="defer"></script>
vendor: 1 bytes, line 178
178
179<script src="/assets/voice_call_addon-da279304726038af10a93380997f2f630ac7817d459ac09f7e097ea0b428e5c1.js" data-turbo-track="reload" defer="defer"></script>
179 180 181
182<script src="/assets/alpine-69b009b4309a19f099cf57a5f03edb7fbc7a130fdc6a2e9b34bb32a1ca3ef10d.js" data-turbo-track="reload" defer="defer"></script>
182 183 184<meta name="action-cable-url" content="wss://candy.ai/cable" /> 185 186
186<script 187 src="https://code.jquery.com/jquery-3.6.0.min.js" 188 nonce="" 189 ></script>
189 190 191
191<script 192 type="text/javascript" 193 src="https://geo.cookie-script.com/s/4cc9eb3f1bc758e7fcebe1660eae7c25.js?country=gb-br-ca-au-za&state=ca-co-va&region=eu" 194 nonce="" 195 > 196 </script>
196 197
198<script type="text/javascript"> 199 window.mixpanelIdentityConfig = {"skipAlias":false}; 200</script>
200 201
vendor: 2,441 bytes, lines 202-255
202<script type="text/javascript"> 203 (function (f, b) { 204 if (!b.__SV) { 205 var e, g, i, h; 206 window.mixpanel = b; 207 b._i = []; 208 b.init = function (e, f, c) { 209 function g(a, d) { 210 var b = d.split("."); 211 2 == b.length && (a = a[b[0]], d = b[1]); 212 a[d] = function () { 213 a.push([d].concat(Array.prototype.slice.call(arguments, 0))) 214 } 215 } 216 217 var a = b; 218 "undefined" !== typeof c ? a = b[c] = [] : c = "mixpanel"; 219 a.people = a.people || []; 220 a.toString = function (a) { 221 var d = "mixpanel"; 222 "mixpanel" !== c && (d += "." + c); 223 a || (d += " (stub)"); 224 return d 225 }; 226 a.people.toString = function () { 227 return a.toString(1) + ".people (stub)" 228 }; 229 i = "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "); 230 for (h = 0; h < i.length; h++) g(a, i[h]); 231 var j = "set set_once union unset remove delete".split(" "); 232 a.get_group = function () { 233 function b(c) { 234 d[c] = function () { 235 call2_args = arguments; 236 call2 = [c].concat(Array.prototype.slice.call(call2_args, 0)); 237 a.push([e, call2]) 238 } 239 } 240 241 for (var d = {}, e = ["get_group"].concat(Array.prototype.slice.call(arguments, 0)), c = 0; c < j.length; c++) b(j[c]); 242 return d 243 }; 244 b._i.push([e, f, c]) 245 }; 246 b.__SV = 1.2; 247 e = f.createElement("script"); 248 e.type = "text/javascript"; 249 e.async = !0; 250 e.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ? MIXPANEL_CUSTOM_LIB_URL : "file:" === f.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"; 251 g = f.getElementsByTagName("script")[0]; 252 g.parentNode.insertBefore(e, g) 253 } 254 })(document, window.mixpanel || []); 255</script>
255 256
257<script type="text/javascript"> 258 document.addEventListener("turbo:load", function () { 259 // Check if Mixpanel API token is available 260 var mixpanelToken = "a524618d7794c70f8d028f5b045ca8ec"; 261 if (!mixpanelToken || mixpanelToken === "") { 262 return; 263 } 264 265 if (!window.mixpanel.__loaded) { 266 // Base configuration for all sites 267 var config = { 268 debug: false, 269 persistence: 'localStorage', 270 ignore_dnt: true, 271 }; 272 273 274 // Initialize Mixpanel (stub pattern handles async loading automatically) 275 try { 276 mixpanel.init(mixpanelToken, config); 277 } catch (_e) { 278 return; 279 } 280 } 281 282 function trackPageviewOnce(retryCount) { 283 retryCount = retryCount || 0; 284 var maxRetries = 30; // Maximum 30 retries (3 seconds total at 100ms intervals) 285 var currentUrl = window.location.href; 286 287 // Only track if URL has changed or this is the first load 288 if (window.mixpanelLastTrackedUrl !== currentUrl) { 289 if (window.mixpanel && typeof window.mixpanel.track_pageview === 'function') { 290 mixpanel.track_pageview(); 291 window.mixpanelLastTrackedUrl = currentUrl; 292 } else if (retryCount < maxRetries) { 293 // If Mixpanel isn't ready yet, retry after a short delay 294 setTimeout(function() { 295 trackPageviewOnce(retryCount + 1); 296 }, 100); 297 } else { 298 // Max retries reached - Mixpanel may be blocked or failed to load 299 } 300 } 301 } 302 303 304 // Register default properties on every turbo:load to ensure fresh data 305 // (user may log in/out) 306 // Always register properties, including for guests (user_type: "guest") 307 const defaultProps = {"user_type":"guest"}; 308 // Wait for mixpanel to be ready, then register defaults 309 const registerDefaults = function(retryCount) { 310 retryCount = retryCount || 0; 311 const maxRetries = 50; // 5 seconds max wait time (50 * 100ms) 312 313 if (typeof mixpanel !== "undefined" && mixpanel.register) { 314 mixpanel.register(defaultProps); 315 // Store for fallback use 316 window.mixpanelDefaultProperties = defaultProps; 317 } else if (retryCount < maxRetries) { 318 // Retry after a short delay if mixpanel isn't ready yet 319 setTimeout(function() { registerDefaults(retryCount + 1); }, 100); 320 } else { 321 // Fallback: Store in window even if mixpanel isn't ready (mergeWithDefaults will use it) 322 window.mixpanelDefaultProperties = defaultProps; 323 } 324 }; 325 registerDefaults(); 326 327 let userId = "" 328 const guestDistinctId = window.mixpanelIdentityConfig?.guestDistinctId || null; 329 const guestIdentificationEnabled = true; 330 if (userId !== '') { 331 const mxUserId = JSON.parse(localStorage.getItem(`mp_a524618d7794c70f8d028f5b045ca8ec_mixpanel`))?.$user_id || null; 332 const skipAlias = window.mixpanelIdentityConfig?.skipAlias || false; 333 if (skipAlias && mxUserId !== userId) { 334 mixpanel.identify(userId); 335 } else if (mxUserId == null) { 336 mixpanel.alias(userId); 337 mixpanel.identify(userId); 338 } else if (mxUserId !== userId) { 339 mixpanel.identify(userId); 340 } 341 } else if (guestDistinctId && guestIdentificationEnabled) { 342 mixpanel.identify(guestDistinctId); 343 } 344 // Track pageview once per URL (works for both full page loads and Turbo navigations) 345 // Only track if enabled via ENV variable 346 347 }) 348</script>
348 349 350 351 352 353 <!-- Google Tag Manager --> 354
354<script>
vendor: 358 bytes, lines 354-359
354 355 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 356 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 357 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 358 "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); 359 })(window,document,'script','dataLayer',"
359GTM-NM6MQN67
vendor: 8 bytes, lines 359-360
359"); 360
360</script>
360 361 <!-- End Google Tag Manager --> 362 363
364<script> 365 (function() { 366 window.I18n = { 367 locale: "en", 368 currency: "USD", 369 translations: {}, 370 t: function(key) { 371 var parts = key.split("."); 372 var result = this.translations; 373 for (var i = 0; i < parts.length; i++) { 374 result = result[parts[i]]; 375 if (result == null) return key; 376 } 377 return result; 378 } 379 }; 380 })(); 381</script>
381 382 383 384 385 <meta name="turbo-cache-control" content="no-cache"> 386 <link 387 rel="prefetch" 388 href="https://cdn.candy.ai/e9adafa7-1e0c-45d4-a638-992c0505276d" 389 as="image" 390 fetchpriority="low" 391 > 392 <link 393 rel="prefetch" 394 href="https://cdn.candy.ai/abb1e124-2d02-4222-9a10-9088cbed43e7" 395 as="image" 396 fetchpriority="low" 397 > 398 <link 399 rel="prefetch" 400 href="https://cdn.candy.ai/2834f5dc-bb29-4f30-91f0-01a3f30195ec" 401 as="image" 402 fetchpriority="low" 403 > 404 <link 405 rel="prefetch" 406 href="https://cdn.candy.ai/b1e3cad2-0e51-40c8-80ee-374abb2f08de" 407 as="image" 408 fetchpriority="low" 409 > 410 <link 411 rel="prefetch" 412 href="https://cdn.candy.ai/4e299987-9b98-4481-87a0-4f238fb18d4d" 413 as="image" 414 fetchpriority="low" 415 > 416 417 </head> 418 419 <body 420 class="bg-main characters new2" 421 id="app" 422 data-controller="main mobile-scroll-behavior mobile-navbar-visibility modal pwa" 423 424 data-mobile-scroll-behavior-current-page-name="characters" 425 data-main-is-sidebar-opened-value="false" 426 data-main-is-current-user-signed-in="" 427 data-main-selected-character-id-from-generate-image 428 data-main-auth-modals-url-value="/homepage/auth_modals?origin_action=new2&origin_controller=characters&origin_path=%2Fcharacters%2Fnew2&profile_slug=07a45a31-25fc-4321-ad1c-1e29f54e0181" 429 > 430 431 432 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 432-433
432 433 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
433GTM-NM6MQN67
vendor: 87 bytes, lines 433-435
433" 434height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 435
435<!-- End Google Tag Manager (noscript) --> 436 437 438 439 440 <div id="js-events-container"></div> 441 442 443 444 <div 445 data-controller="uta-api" 446 data-uta-api-api-url-value="https://uta.candy.ai" 447 data-uta-api-api-token-value="31c5e5ffaae6aa6363dca57282888e9ee66a04de3830b8eb31f3fb9102cdb795" 448 data-uta-api-uta-visitor-id-value="" 449 data-uta-api-email-value="" 450 data-uta-api-experiments-value="[]" 451 data-uta-api-skip-page-view-value="false" 452></div> 453 454 455 <turbo-frame id="layout_extras" src="/cache/layout/extras"></turbo-frame> 456 <div 457 data-main-target="mainSidebarClosedContainer" 458 data-testid="new-shell-closed-sidebar" 459 class=" 460 lg:fixed lg:pt-[63px] z-30 border-[#363636] border-r border-t 461 lg:inset-y-0 lg:left-0 lg:w-[100px] lg:pb-5 w-[100px] fixed top-0 left-0 462 h-full desktop-sidebar desktop-sidebar--collapsed webkit-transform-sidebar 463 " 464 style="background: linear-gradient(0deg, #131313 0%, #131313 100%); max-height: 100vh" 465> 466 <nav class="flex flex-col justify-between h-full"> 467 <div class="flex flex-col flex-1 min-h-0"> 468 <ul 469 role="list" 470 class=" 471 py-8 lg:py-6 flex flex-col gap-2 items-center justify-start px-6 472 flex-1 min-h-0 overflow-y-auto overflow-x-hidden no-scrollbar 473 " 474 > 475 <!-- Home Icon --> 476 <li 477 class="relative w-full" 478 data-controller="navbar-tooltip" 479 data-navbar-tooltip-tooltip-id-value="tooltip-home" 480 > 481 <div 482 id="tooltip-home" 483 role="tooltip" 484 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 485 > 486 Home 487 </div> 488 <a class="h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer " href="/"> 489 <img class="w-6 h-6" src="/assets/sidebar-icons/home-18a7d73adabda5674f78dab4a3d6b3acebbdbba31f0ad19053537dabffade496.svg" /> 490</a> </li> 491 <!-- Discover/Feed Icon --> 492 <li 493 class="relative w-full" 494 data-controller="navbar-tooltip" 495 data-navbar-tooltip-tooltip-id-value="tooltip-discover" 496 > 497 <div 498 id="tooltip-discover" 499 role="tooltip" 500 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 501 > 502 Discover 503 </div> 504 <a class="h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer " href="/feed/posts"> 505 <img class="w-6 h-6" src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg" /> 506</a> </li> 507 <!-- Shorts Icon --> 508 <li 509 class="relative w-full" 510 data-controller="navbar-tooltip" 511 data-navbar-tooltip-tooltip-id-value="tooltip-shorts" 512 > 513 <div 514 id="tooltip-shorts" 515 role="tooltip" 516 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 517 > 518 Shorts 519 </div> 520 <a data-turbo-frame="_top" class="h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer " href="/candy-shorts"> 521 <img class="w-6 h-6" src="/assets/sidebar-icons/shorts-86337f4c209f25d6a2e8747130abf65e3777adeb64c691edd55f80c75491f08b.svg" /> 522</a> </li> 523 <li 524 class="relative w-full" 525 data-controller="navbar-tooltip"
526 data-navbar-tooltip-tooltip-id-value="tooltip-chat" 527 > 528 <div 529 id="tooltip-chat" 530 role="tooltip" 531 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 532 > 533 Chat 534 </div> 535 <a data-action="click->main#openRegistrationModal" class="h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="#"> 536 <img class="w-6 h-6" src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg" /> 537</a> </li> 538 <li 539 class="relative w-full" 540 data-controller="navbar-tooltip" 541 data-navbar-tooltip-tooltip-id-value="tooltip-gallery" 542 > 543 <div 544 id="tooltip-gallery" 545 role="tooltip" 546 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 547 > 548 Collection 549 </div> 550 <a data-action="click->main#openRegistrationModal" class=" h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="#"> 551 <img class="w-6 h-6" src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg" /> 552</a> </li> 553 <li 554 class="relative w-full" 555 data-controller="navbar-tooltip" 556 data-navbar-tooltip-tooltip-id-value="tooltip-image" 557 > 558 <div 559 id="tooltip-image" 560 role="tooltip" 561 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 562 > 563 Generate Image 564 </div> 565 <a data-turbo-frame="_top" class="relative h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/generate-image?origin=sidebar"> 566 <img class="w-6 h-6" src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg" /> 567</a> </li> 568 <li 569 class="relative w-full" 570 data-controller="navbar-tooltip" 571 data-navbar-tooltip-tooltip-id-value="tooltip-character" 572 > 573 <div 574 id="tooltip-character" 575 role="tooltip" 576 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 577 > 578 Create Character 579 </div> 580 <a data-turbo-frame="_top" class="relative bg-[#303030] h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/characters/new2"> 581 <img class="w-6 h-6" src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" /> 582</a> </li> 583 <li 584 class="relative w-full" 585 data-controller="navbar-tooltip" 586 data-navbar-tooltip-tooltip-id-value="tooltip-my_ai" 587 > 588 <div 589 id="tooltip-my_ai" 590 role="tooltip" 591 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 592 > 593 My AI 594 </div> 595 <a data-turbo-frame="_top" class=" h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/characters"> 596 <img class="w-6 h-6" src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg" /> 597</a> </li> 598 <li 599 class="relative w-full" 600 data-controller="navbar-tooltip" 601 data-navbar-tooltip-tooltip-id-value="tooltip-private_content" 602 > 603 <div 604 id="tooltip-private_content" 605 role="tooltip" 606 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 607 > 608 Private Content 609 </div> 610 <a data-action="click->main#openRegistrationModal" data-turbo-frame="_top" class=" h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer cursor-pointer" href="#"> 611 <img class="w-6 h-6" src="/assets/heart-lock-c322a04a0a80c5ca1b50658063120fa33d2f209b5e0980e7be8e47cc9667f736.svg" /> 612</a> </li> 613 614 615 616<li 617 class="relative w-full" 618 data-controller="navbar-tooltip" 619 data-navbar-tooltip-tooltip-id-value="tooltip-premium" 620> 621 <div 622 id="tooltip-premium" 623 role="tooltip" 624 class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none" 625 > 626 Become Premium 627 </div> 628 <a data-turbo-frame="_top" class="h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer bg-linear-to-t from-[#5B4514] to-transparent to-98% from-2%" href="/subscriptions"> 629 <img class="w-2.5 h-2.5 absolute left-[4px] top-[4px] transform scale-x-[-1]" src="/assets/promotions/icon-513af0057e4b673067a8049311ea31fe24a74b04337db95bf10d618a16abcfb7.svg" /> 630 <img class="w-6 h-6" src="/assets/promotions/diamond-a039f6364c40ef964956407067f00bb72540562bfc3ca551b1ae10db3f29c08c.svg" /> 631</a></li> 632 633 </ul> 634 </div> 635 <ul 636 role="list" 637 class=" 638 flex flex-col gap-2 pt-6 px-6 border-[#363636] border-t items-center 639 justify-end shrink-0 640 " 641 > 642 <li class="relative w-full"> 643 644 645 646 647<button data-controller="toggle-modal" 648 data-action="toggle-modal#openModal" 649 data-toggle-modal-modal-outlet="#language-select-modal" 650 class="flex gap-2 items-center border cursor-pointer text-grey-medium text-xs font-medium w-full h-[40px] justify-start px-3 py-[9px] rounded-[10px] border-white/10 hover:bg-zinc-700"> 651 <img class="h-[24px]" alt="en flag icon" src="/assets/sidebar-icons/en-337bbb31fb6de773da4d64ab2e9
6510f99d4706f32ade21156a47b8603dfeccb1e4.svg" /> 652</button> 653 654 </li> 655 <li 656 class="relative w-full" 657 data-testid="sidebar-more-menu" 658 data-controller="sidebar-more-menu" 659 data-action="click@window->sidebar-more-menu#hide keydown@window->sidebar-more-menu#hideOnEscape keydown->sidebar-more-menu#navigate focusout->sidebar-more-menu#hideOnFocusOut resize@window->sidebar-more-menu#close turbo:before-cache@document->sidebar-more-menu#close" 660> 661 <div id="tooltip-more" role="tooltip" class="z-[9999] hidden invisible px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-grey-tooltip rounded-lg shadow-2xs opacity-0 tooltip tooltip-sidebar dark:bg-gray-700 fixed whitespace-nowrap pointer-events-none"> 662 More 663 </div> 664 <button 665 type="button" 666 data-sidebar-more-menu-target="button" 667 data-action="click->sidebar-more-menu#toggle" 668 data-controller="navbar-tooltip" data-navbar-tooltip-tooltip-id-value="tooltip-more" 669 aria-haspopup="menu" 670 aria-expanded="false" 671 aria-controls="sidebar-more-menu-compact" 672 aria-label="More" 673 class="h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer aria-expanded:bg-[#303030]" 674 > 675 <img class="w-6 h-6" alt="" src="/assets/sidebar-icons/more-6f3c9c2566494b849d8726e7bc3d345a20ded262e1fdb20db1f45835eca060e9.svg" /> 676 </button> 677 <div 678 id="sidebar-more-menu-compact" 679 role="menu" 680 popover="manual" 681 data-sidebar-more-menu-target="menu" 682 class="w-[196px] space-y-2 rounded-[10px] border border-[#363636] bg-[#131313] p-2 shadow-[0_4px_16px_rgba(0,0,0,0.4)] text-grey-medium" 683 > 684 <a target="_blank" rel="noopener noreferrer" role="menuitem" data-action="click->sidebar-more-menu#close" class="min-h-[40px] w-full hover:bg-[#303030] rounded-[10px] flex justify-start px-3 items-center gap-2 cursor-pointer text-grey-medium text-xs font-medium leading-4 text-start" href="https://everai.zendesk.com/hc/en-us"> 685 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/help-center-1abd5651dab8abd889622a19eb9821ab4c19bd275da4ac1b9717820842a98dd8.svg" /> 686 <span>Help Center</span> 687</a> <a target="_blank" rel="noopener noreferrer" role="menuitem" data-action="click->sidebar-more-menu#close" class="min-h-[40px] w-full hover:bg-[#303030] rounded-[10px] flex justify-start px-3 items-center gap-2 cursor-pointer text-grey-medium text-xs font-medium leading-4 text-start" href="https://discord.com/invite/candyai"> 688 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/discord-526bbe3abf7210fa8bd8e76658d4df5a5c67d569f1349a2441b1d0bbd170c84d.svg" /> 689 <span>Discord</span> 690</a> <button type="button" role="menuitem" data-action="click->main#openRegistrationModal click->sidebar-more-menu#close" class="min-h-[40px] w-full hover:bg-[#303030] rounded-[10px] flex justify-start px-3 items-center gap-2 cursor-pointer text-grey-medium text-xs font-medium leading-4 text-start"> 691 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/contact-c50065a887c8d0061543beceae78cec1bdaaac55ec7d37f11601912b3250e119.svg" /> 692 <span>Contact Us</span> 693 </button> 694 <a target="_blank" rel="noopener noreferrer" role="menuitem" data-action="click->sidebar-more-menu#close" class="min-h-[40px] w-full hover:bg-[#303030] rounded-[10px] flex justify-start px-3 items-center gap-2 cursor-pointer text-grey-medium text-xs font-medium leading-4 text-start" href="https://webforms.pipedrive.com/f/bYSTErXD8pcDoco3iakbUUKFRtWtAjNDJphn0GpYA3B88R2NYvCzVMM2wsNCjtVMkP"> 695 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/trophy-55ba15bcf830427b6fc776e11ff4465cce75c1c2a1a27ba0bd2eea0e5c03ff55.svg" /> 696 <span>Affiliate</span> 697</a> </div> 698</li> 699 700 </ul> 701 </nav> 702</div> 703 704 <div data-main-target="mainSidebarOpenedContainer" data-testid="new-shell-opened-sidebar" class="lg:fixed lg:pt-[63px] z-30 border-[#363636] border-r border-t lg:inset-y-0 lg:left-0 lg:w-[220px] lg:pb-5 w-[220px] fixed top-0 left-0 h-full desktop-sidebar desktop-sidebar--expanded webkit-transform-sidebar" 705 style="background: linear-gradient(0deg, #131313 0%, #131313 100%); max-height: 100vh"> 706 <nav class="flex flex-col justify-between h-full"> 707 <div class="flex flex-col flex-1 min-h-0"> 708 <ul role="list" class="py-8 lg:py-6 flex flex-col gap-2 items-center justify-start px-6 flex-1 min-h-0 overflow-y-auto scrollbar"> 709 <!-- Home Icon --> 710 <li class="relative w-full"> 711 <a class=" min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/"> 712 <img class="w-4 h-4" alt="Home" src="/assets/sidebar-icons/home-18a
7127d73adabda5674f78dab4a3d6b3acebbdbba31f0ad19053537dabffade496.svg" /> 713 <span class="text-start text-grey-medium text-xxs font-medium leading-4">Home</span> 714</a> </li> 715 <!-- Discover/Feed Icon --> 716 <li class="relative w-full"> 717 <a class=" min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/feed/posts"> 718 <img class="w-4 h-4" alt="Discover" src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg" /> 719 <span class="text-start text-grey-medium text-xxs font-medium leading-4">Discover</span> 720</a> </li> 721 <!-- Shorts Icon --> 722 <li class="relative w-full"> 723 <a data-turbo-frame="_top" class=" min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/candy-shorts"> 724 <img class="w-4 h-4" alt="Shorts" src="/assets/sidebar-icons/shorts-86337f4c209f25d6a2e8747130abf65e3777adeb64c691edd55f80c75491f08b.svg" /> 725 <span class="text-start text-grey-medium text-xxs font-medium leading-4">Shorts</span> 726</a> </li> 727 <li class="relative w-full"> 728 <a data-action="click->main#openRegistrationModal" class="min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="#"> 729 <img class="w-4 h-4" src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg" alt="Chat"> 730 <span class="text-start text-grey-medium text-xxs font-medium leading-4">Chat</span> 731</a> </li> 732 <li class="relative w-full"> 733 <a data-action="click->main#openRegistrationModal" class=" min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="#"> 734 <img alt="Collection" class="w-4 h-4" src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg" /> 735 <div class="text-start text-grey-medium text-xxs font-medium leading-4">Collection</div> 736</a> </li> 737 <li class="relative w-full"> 738 <a data-turbo-frame="_top" class="relative min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/generate-image?origin=sidebar"> 739 <img class="w-4 h-4" src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg" alt="Generate Image"> 740 <div class="text-start text-grey-medium text-xxs font-medium leading-none"> 741 Generate Image 742 </div> 743</a> </li> 744 <li class="relative w-full"> 745 <a data-turbo-frame="_top" class="relative bg-[#303030] min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/characters/new2"> 746 <img class="w-4 h-4" src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" alt="Create Character"> 747 <div class="text-start text-grey-medium text-xxs font-medium leading-none"> 748 Create Character 749 </div> 750</a> </li> 751 <li class="relative w-full"> 752 <a data-turbo-frame="_top" class=" min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer" href="/characters"> 753 <img class="w-4 h-4" src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg" alt="My AI"> 754 <div class="text-start text-grey-medium text-xxs font-medium leading-none"> 755 My AI 756 </div> 757</a> </li> 758 <li class="relative w-full"> 759 <a data-action="click->main#openRegistrationModal" data-turbo-frame="_top" class=" min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer cursor-pointer" href="#"> 760 <img class="w-4 h-4" alt="Private Content" src="/assets/heart-lock-c322a04a0a80c5ca1b50658063120fa33d2f209b5e0980e7be8e47cc9667f736.svg" /> 761 <div class="text-start text-grey-medium text-xxs font-medium leading-none"> 762 Private Content 763 </div> 764</a> </li> 765 766 767<li class="relative w-full"> 768 <a data-turbo-frame="_top" class="h-[40px] hover:bg-zinc-700 rounded-[10px] border border-white/10 justify-start px-3 items-center gap-2 flex mx-auto cursor-pointer" href="/subscriptions"> 769 <img class="w-2.5 h-2.5 absolute left-[4px] top-[4px] transform scale-x-[-1]" src="/assets/promotions/icon-513af0057e4b673067a8049311ea31fe24a74b04337db95bf10d618a16abcfb7.svg" /> 770 <img class="w-4 h-4" src="/assets/promotions/diamond-a039f6364c40ef964956407067f00bb72540562bfc3ca551b1ae10db3f29c08c.svg" /> 771 <div class="flex justify-between items-center w-full min-w-0"> 772 <div class="text-start text-xxs font-medium leading-none truncate bg-linear-to-r from-[#F9D98E] to-[#D0B067] bg-clip-text text-transparent"> 773 Premium 774 </div>
775 <span class="shrink-0 px-1 font-medium text-[10px] rounded-[10px] bg-[#B91923] text-white"> 776 -70% 777 </span> 778 </div> 779</a></li> 780 781 </ul> 782 </div> 783 <ul role="list" class="flex flex-col gap-2 pt-6 px-6 border-[#363636] border-t items-center justify-end shrink-0"> 784 <li class="relative w-full"> 785 786 787 788 789<button data-controller="toggle-modal" 790 data-action="toggle-modal#openModal" 791 data-toggle-modal-modal-outlet="#language-select-modal" 792 class="flex gap-2 items-center border cursor-pointer text-grey-medium text-xs font-medium w-full justify-start px-3 py-[9px] rounded-[10px] border-white/10 hover:bg-zinc-700"> 793 <img class="w-[14px]" alt="en flag icon" src="/assets/sidebar-icons/en-337bbb31fb6de773da4d64ab2e90f99d4706f32ade21156a47b8603dfeccb1e4.svg" /> 794 <div>English</div> 795</button> 796 797 </li> 798 <li 799 class="relative w-full" 800 data-testid="sidebar-more-menu" 801 data-controller="sidebar-more-menu" 802 data-action="click@window->sidebar-more-menu#hide keydown@window->sidebar-more-menu#hideOnEscape keydown->sidebar-more-menu#navigate focusout->sidebar-more-menu#hideOnFocusOut resize@window->sidebar-more-menu#close turbo:before-cache@document->sidebar-more-menu#close" 803> 804 <button 805 type="button" 806 data-sidebar-more-menu-target="button" 807 data-action="click->sidebar-more-menu#toggle" 808 809 aria-haspopup="menu" 810 aria-expanded="false" 811 aria-controls="sidebar-more-menu-expanded" 812 aria-label="More" 813 class="min-h-[40px] w-full hover:bg-zinc-700 rounded-[10px] border border-white/10 flex justify-start px-3 items-center gap-2 mx-auto cursor-pointer aria-expanded:bg-[#303030]" 814 > 815 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/more-6f3c9c2566494b849d8726e7bc3d345a20ded262e1fdb20db1f45835eca060e9.svg" /> 816 <span class="text-start text-grey-medium text-xs font-medium leading-4">More</span> 817 </button> 818 <div 819 id="sidebar-more-menu-expanded" 820 role="menu" 821 popover="manual" 822 data-sidebar-more-menu-target="menu" 823 class="w-[196px] space-y-2 rounded-[10px] border border-[#363636] bg-[#131313] p-2 shadow-[0_4px_16px_rgba(0,0,0,0.4)] text-grey-medium" 824 > 825 <a target="_blank" rel="noopener noreferrer" role="menuitem" data-action="click->sidebar-more-menu#close" class="min-h-[40px] w-full hover:bg-[#303030] rounded-[10px] flex justify-start px-3 items-center gap-2 cursor-pointer text-grey-medium text-xs font-medium leading-4 text-start" href="https://everai.zendesk.com/hc/en-us"> 826 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/help-center-1abd5651dab8abd889622a19eb9821ab4c19bd275da4ac1b9717820842a98dd8.svg" /> 827 <span>Help Center</span> 828</a> <a target="_blank" rel="noopener noreferrer" role="menuitem" data-action="click->sidebar-more-menu#close" class="min-h-[40px] w-full hover:bg-[#303030] rounded-[10px] flex justify-start px-3 items-center gap-2 cursor-pointer text-grey-medium text-xs font-medium leading-4 text-start" href="https://discord.com/invite/candyai"> 829 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/discord-526bbe3abf7210fa8bd8e76658d4df5a5c67d569f1349a2441b1d0bbd170c84d.svg" /> 830 <span>Discord</span> 831</a> <button type="button" role="menuitem" data-action="click->main#openRegistrationModal click->sidebar-more-menu#close" class="min-h-[40px] w-full hover:bg-[#303030] rounded-[10px] flex justify-start px-3 items-center gap-2 cursor-pointer text-grey-medium text-xs font-medium leading-4 text-start"> 832 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/contact-c50065a887c8d0061543beceae78cec1bdaaac55ec7d37f11601912b3250e119.svg" /> 833 <span>Contact Us</span> 834 </button> 835 <a target="_blank" rel="noopener noreferrer" role="menuitem" data-action="click->sidebar-more-menu#close" class="min-h-[40px] w-full hover:bg-[#303030] rounded-[10px] flex justify-start px-3 items-center gap-2 cursor-pointer text-grey-medium text-xs font-medium leading-4 text-start" href="https://webforms.pipedrive.com/f/bYSTErXD8pcDoco3iakbUUKFRtWtAjNDJphn0GpYA3B88R2NYvCzVMM2wsNCjtVMkP"> 836 <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/trophy-55ba15bcf830427b6fc776e11ff4465cce75c1c2a1a27ba0bd2eea0e5c03ff55.svg" />
837 <span>Affiliate</span> 838</a> </div> 839</li> 840 841 <li class="text-[8px] flex text-grey-medium pt-3 w-full"> 842 <a class="leading-none mr-2" href="/legal-information">Legal Terms</a> 843 <ul class="list-none"> 844 <li class="flex items-center mr-2"> 845 <span class="bg-white h-1 w-1 rounded-full mr-2"></span> 846 <a target="_blank" class="leading-none" href="https://helloeverai.zendesk.com/">Trust & Safety</a> 847 </li> 848 </ul> 849 </li> 850 </ul> 851 </nav> 852</div> 853 854 <div 855 data-main-target="mainMobileSidebarContainer" 856 data-action="click->main#setMobileSidebarValueToDefault" 857 data-testid="new-shell-mobile-drawer" 858 class=" 859 inset-y-0 w-[100vw] z-[110] pr-[40vw] no-scroll fixed left-0 860 webkit-transition-sidebar webkit-transform-sidebar 861 " 862> 863 <nav 864 class="flex flex-col justify-between h-full w-60" 865 > 866 <div class="flex flex-col justify-between h-full"> 867 <ul 868 role="list" 869 class="flex flex-col items-center justify-start px-5 pb-5 pt-[calc(1.25rem_+_env(safe-area-inset-top))] gap-2.5 bg-zinc-900 h-screen overflow-auto [&_a]:min-h-6" 870 > 871 <!-- Home Icon --> 872 <li class="relative w-full"> 873 <a class="w-full flex justify-start items-center gap-2.5" href="/"> 874 <img class="w-5 h-5" alt="Home" src="/assets/sidebar-icons/home-18a7d73adabda5674f78dab4a3d6b3acebbdbba31f0ad19053537dabffade496.svg" /> 875 <span class="text-start text-grey-medium text-xs font-semibold">Home</span> 876</a> </li> 877 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 878 <!-- Discover/Feed Icon --> 879 <li class="relative w-full"> 880 <a class="w-full flex justify-start items-center gap-2.5" href="/feed/posts"> 881 <img class="w-5 h-5" alt="Discover" src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg" /> 882 <span class="text-start text-grey-medium text-xs font-semibold">Discover</span> 883</a> </li> 884 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 885 <!-- Shorts Icon --> 886 <li class="relative w-full"> 887 <a data-turbo-frame="_top" class="w-full flex justify-start items-center gap-2.5" href="/candy-shorts"> 888 <img class="w-5 h-5" alt="Shorts" src="/assets/sidebar-icons/shorts-86337f4c209f25d6a2e8747130abf65e3777adeb64c691edd55f80c75491f08b.svg" /> 889 <span class="text-start text-grey-medium text-xs font-semibold">Shorts</span> 890</a> </li> 891 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 892 <li class="relative w-full"> 893 <a data-action="click->main#closeMobileMenuAndOpenRegistrationModal" class="justify-start items-center gap-2.5 flex mx-auto cursor-pointer" href="#"> 894 <img class="w-5 h-5" alt="Chat" src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg" /> 895 <div class="text-start text-grey-medium text-xs font-semibold"> 896 Chat 897 </div> 898</a> </li> 899 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 900 <li class="relative w-full"> 901 <a data-action="click->main#openRegistrationModal" class="justify-start items-center gap-2.5 flex mx-auto cursor-pointer" href="#"> 902 <img alt="Collection" class="w-5 h-5" src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg" /> 903 <div class="text-start text-grey-medium text-xs font-semibold"> 904 Collection 905 </div> 906</a> </li> 907 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 908 <li class="relative w-full"> 909 <a data-turbo-frame="_top" class="relative justify-start items-center gap-2.5 flex mx-auto" href="/generate-image?origin=sidebar"> 910 <img class="w-5 h-5" alt="Generate Image" src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg" /> 911 <div class="text-start text-grey-medium text-xs font-semibold"> 912 Generate Image 913 </div> 914</a> </li> 915 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 916 <li class="relative w-full"> 917 <a data-turbo-frame="_top" class="relative justify-start items-center gap-2.5 flex mx-auto" href="/characters/new2"> 918 <img class="w-5 h-5" alt="Create Character" src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" /> 919 <div class="text-start text-grey-medium text-xs font-semibold"> 920 Create Character 921 </div> 922</a> </li> 923 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 924 <li class="relative w-full"> 925 <a data-turbo-frame="_top" class="justify-start items-center gap-2.5 flex mx-auto" href="/characters"> 926 <img class="w-5 h-5" alt="My AI" src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg" /> 927 <div class="text-start text-grey-medium text-xs font-semibold"> 928 My AI 929 </div> 930</a> </li> 931 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 932 <li class="relative w-full"> 933 <a data-action="click->main#openRegistrationModal" data-turbo-frame="_top" class="justify-start items-center gap-2.5 flex mx-auto cursor-pointer" href="#"> 934 <img class="w-5 h-5" alt="Private Content" src="/assets/heart-lock-c322a04a0a80c5ca1b50658063120fa33d2f209b5e0980e7be8e47cc9667f736.svg" /> 935 <div class="text-start text-grey-medium text-xs font-semibold"> 936 Private Content 937 </div> 938</a> </li> 939 <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li> 940 941 942<li class="relative w-full"> 943 <a data-turbo-frame="_top" class="w-full justify-start items-center gap-2.5 flex mx-auto" href="/subscriptions"> 944 <img class="w-2.5 h-2.5 absolute left-0 -top-[3px] transform scale-x-[-1]" src="/assets/promotions/icon-513af0057e4b673067a8049311ea31fe24a74b04337db95bf10d618a16abcfb7.svg" /> 945 <img class="w-5 h-5" src="/assets/promotions/diamond-a039f6364c40ef964956407067f00bb72540562bfc3ca551b1ae10db3f29c08c.svg" /> 946 <div class="text-start text-xs font-semibold bg-linear-to-r from-[#F9D98E] to-[#D0B067] bg-clip-text text-transparent"> 947 Premium 948 </div>
949 <span class="ml-auto px-1 font-medium text-[10px] rounded-[10px] bg-[#B91923] text-white"> 950 -70% 951 </span> 952</a></li> 953 954 </ul> 955 <div class="py-2.5 px-5 flex flex-col justify-center items-center gap-2.5 border-t border-[#2F2F32] bg-[#1E1E1E]"> 956 <div class="py-1 px-2.5 w-full rounded-[10px] border border-grey-default justify-start items-center flex md:hidden"> 957 958 959<div class="flex md:hidden w-full gender-interest-switch-dropdown" 960 data-controller="home--gender-dropdown" 961 data-home--gender-dropdown-current-gender-value="female" 962 data-home--gender-dropdown-sidebar-value="true" 963 data-home--gender-dropdown-gender-labels-info-value="{"female":{"url":"/ai-girlfriend","label":"Girls"},"anime":{"url":"/ai-anime","label":"Anime"},"male":{"url":"/ai-boyfriend","label":"Guys"}}" 964> 965 <div class="relative w-full"> 966 <button type="button" 967 class="w-full bg-transparent rounded-[10px] flex items-center justify-center gap-[3px] transition-colors" 968 data-action="click->home--gender-dropdown#toggle" 969 data-home--gender-dropdown-target="button"> 970 <div class="w-6 h-6 flex items-center justify-center" data-home--gender-dropdown-target="currentIconContainer"> 971 <img class="w-full h-full hidden female-grey" src="/assets/icons/gender_switch/female-grey-f8778c0424271c5cb4b1b50b2e50d7e8d5a2c79851c6f905e5d3ef4069956bef.svg" /> 972 <img class="w-full h-full hidden female-white" src="/assets/icons/gender_switch/female-white-b6edc81820cdf305c0e1644c0c5d2124b2aa2ecef701a01eff46baad9a05dd26.svg" /> 973 <img class="w-full h-full hidden male-grey" src="/assets/icons/gender_switch/male-grey-48c8b386c214b3f674b7ef04bc51c9f7e967c49023e308fc58032fa0cc10c2e7.svg" /> 974 <img class="w-full h-full hidden male-white" src="/assets/icons/gender_switch/male-white-b1c60bef78d9065208e08ef4f03bea1d2d50bc8b33c3fb2fe9361a3c83646a92.svg" /> 975 <img class="w-full h-full hidden anime-grey" src="/assets/icons/gender_switch/anime-grey-1f1c9de8c17364c1634470e5d2ab1d4d05109fa8e80c1e1b83ac0478eb2d5dac.svg" /> 976 <img class="w-full h-full hidden anime-white" src="/assets/icons/gender_switch/anime-white-02986b4e7107a1be01a284a4818231a6edf19aa880d8a9680fb1a7874416f532.svg" /> 977 </div> 978 <div class="flex items-center gap-1"> 979 <span class="text-white text-sm font-medium"> 980 Category: 981 </span> 982 <span class="text-white text-sm font-light" data-home--gender-dropdown-target="currentGenderLabel"> 983 Girls 984 </span> 985 </div> 986 <div class="w-3 h-3 flex items-center justify-center transition-transform duration-200 ml-auto" data-home--gender-dropdown-target="chevron"> 987 <img class="w-full h-full" data-home--gender-dropdown-target="chevronIconGrey" src="/assets/icons/gender_switch/vector-down-grey-ac9e18f44b255e3510c3e32a682be2b5f5f736fb7b6c7df2d867107522ebdd5d.svg" /> 988 <img class="hidden w-full h-full" data-home--gender-dropdown-target="chevronIconWhite" src="/assets/icons/gender_switch/vector-down-white-2dab083dc5b94101cb4ba00b20dc10b922ed7f3368883466624738676b93d0c3.svg" /> 989 </div> 990 </button> 991 992 <div class="absolute top-[70%] left-0 mt-2 bg-[#18181b] rounded-[6px] overflow-hidden z-50 shadow-[0px_0px_24px_0px_rgba(0,0,0,0.45)] w-full hidden" 993 data-home--gender-dropdown-target="menu"> 994 <div class="flex flex-col gap-4 px-4 py-[14px]"> 995 <a data-turbo-frame="main-content-frame" data-turbo-action="advance" data-action="click->home--gender-dropdown#select" data-gender-interest="female" class="flex items-center gap-[7px]" href="/ai-girlfriend"> 996 <div class="w-6 h-6 flex items-center justify-center"> 997 <img class="w-full h-full" alt="female icon" src="/assets/icons/gender_switch/female-white-b6edc81820cdf305c0e1644c0c5d2124b2aa2ecef701a01eff46baad9a05dd26.svg" /> 998 </div>
999 <span class="text-white text-base font-medium"> 1000 Girls 1001 </span> 1002</a> <a data-turbo-frame="main-content-frame" data-turbo-action="advance" data-action="click->home--gender-dropdown#select" data-gender-interest="anime" class="flex items-center gap-[7px]" href="/ai-anime"> 1003 <div class="w-6 h-6 flex items-center justify-center"> 1004 <img class="w-full h-full" alt="anime icon" src="/assets/icons/gender_switch/anime-white-02986b4e7107a1be01a284a4818231a6edf19aa880d8a9680fb1a7874416f532.svg" /> 1005 </div> 1006 <span class="text-white text-base font-medium"> 1007 Anime 1008 </span> 1009</a> <a data-turbo-frame="main-content-frame" data-turbo-action="advance" data-action="click->home--gender-dropdown#select" data-gender-interest="male" class="flex items-center gap-[7px]" href="/ai-boyfriend"> 1010 <div class="w-6 h-6 flex items-center justify-center"> 1011 <img class="w-full h-full" alt="male icon" src="/assets/icons/gender_switch/male-white-b1c60bef78d9065208e08ef4f03bea1d2d50bc8b33c3fb2fe9361a3c83646a92.svg" /> 1012 </div> 1013 <span class="text-white text-base font-medium"> 1014 Guys 1015 </span> 1016</a> </div> 1017 </div> 1018 </div> 1019</div> 1020 1021 </div> 1022 <div class="grid grid-cols-2 gap-2.5 w-full"> 1023 <div class="px-2 py-1.5 min-h-8 min-w-0 rounded-lg border border-grey-default justify-center items-center flex"> 1024 <a class="min-w-0 truncate text-center text-neutral-200 text-[11px] font-medium" target="_blank" rel="noopener noreferrer" href="https://discord.com/invite/candyai">Discord</a> 1025 </div> 1026 <a data-action="click->main#closeMobileMenuAndOpenRegistrationModal" class="px-2 py-1.5 min-h-8 min-w-0 rounded-lg border border-grey-default justify-center items-center flex cursor-pointer" href="#"> 1027 <span class="min-w-0 truncate text-center text-neutral-200 text-[11px] font-medium"> 1028 Contact Us 1029 </span> 1030</a> </div> 1031 1032 <div class="grid grid-cols-2 gap-2.5 w-full"> 1033 <a target="_blank" class="px-2 py-1.5 min-h-8 min-w-0 rounded-lg border border-grey-default justify-center items-center flex" href="https://webforms.pipedrive.com/f/bYSTErXD8pcDoco3iakbUUKFRtWtAjNDJphn0GpYA3B88R2NYvCzVMM2wsNCjtVMkP"> 1034 <span class="min-w-0 truncate text-center text-neutral-200 text-[11px] font-medium"> 1035 Affiliate 1036 </span> 1037</a> 1038 1039 1040 1041<button data-controller="toggle-modal" 1042 data-action="toggle-modal#openModal" 1043 data-toggle-modal-modal-outlet="#language-select-modal" 1044 class="flex gap-2 items-center border cursor-pointer text-grey-medium text-xs font-medium w-full justify-between px-2.5 py-1 rounded-[5px] border-neutral-400"> 1045 <img class="w-[14px]" alt="en flag icon" src="/assets/sidebar-icons/en-337bbb31fb6de773da4d64ab2e90f99d4706f32ade21156a47b8603dfeccb1e4.svg" /> 1046 <div>EN</div> 1047 <img class="w-3.5" src="/assets/chats/ask-arrow-5e9e3d502459a09cc6f7a6face21c887f7e5ff747265bdf33f1cc5eb16098469.svg" /> 1048</button> 1049 1050 </div> 1051 1052 <div class="justify-start items-center gap-1 inline-flex"> 1053 <a class="text-neutral-300 text-4xs font-medium" href="/legal-information">Legal Terms</a> 1054 <div class="w-1 h-1 bg-zinc-300 rounded-full"></div> 1055 <a target="_blank" class="text-neutral-300 text-4xs font-medium" href="https://helloeverai.zendesk.com/">Trust & Safety</a> 1056 <div class="w-1 h-1 bg-zinc-300 rounded-full"></div> 1057 <a target="_blank" class="text-neutral-300 text-4xs font-medium" href="https://everai.zendesk.com/hc/en-us">Help Center</a> 1058 </div> 1059 </div> 1060 </div> 1061 </nav> 1062</div> 1063 1064<style> 1065 .no-scroll { 1066 overflow: hidden; 1067 /* Optional: to ensure the layout doesn't shift due to the scrollbar disappearing */ 1068 padding-right: calc(env(safe-area-inset-right, 0px) + (100vw - 100%)); 1069 } 1070</style> 1071 1072 <div class="z-40 w-full" id="navbar" data-testid="new-shell-navbar"> 1073 1074 1075 1076 <div 1077 class="new-shell-navbar fixed top-0 z-40 w-full flex md:h-[calc(64px+e
1077nv(safe-area-inset-top))] h-[calc(53px+env(safe-area-inset-top))] pt-[env(safe-area-inset-top)] shrink-0 items-center border-b border-[#363636] sm:px-4 px-2 shadow-2xs sm:gap-x-2 lg:px-8 transform transition-transform duration-300 " 1078 data-mobile-scroll-behavior-target="navbar" 1079 data-mobile-navbar-visibility-target="navbar" 1080 data-pwa-target="navbar" 1081 > 1082 <button 1083 id="nav-hamburger" 1084 type="button" 1085 class="relative py-2 sm:mr-0 md:mr-[10px] mr-0 text-gray-700 nav-hamburger" 1086 > 1087 <span class="sr-only">Open sidebar</span> 1088 1089 <svg 1090 class="w-8 h-8 mr-1 text-white nav-hamburger" 1091 data-action="click->main#handleMenuClick" 1092 fill="none" 1093 viewBox="0 0 24 24" 1094 stroke-width="1.5" 1095 stroke="currentColor" 1096 aria-hidden="true" 1097 > 1098 <path 1099 stroke-linecap="round" 1100 stroke-linejoin="round" 1101 d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" 1102 /> 1103 </svg> 1104 </button> 1105 1106 1107 <a href="/"> 1108 <img alt="CandyAI" class="h-[30px] w-[100px]" src="/assets/logos/logo-navbar-d321c31d58617371f7caf9e34a4e3f9624dce580afcceb6fecdf48c78beafd83.svg" /> 1109</a> 1110 <div class="flex grow-0 shrink basis-0 absolute md:relative justify-center md:justify-start h-[42px] md:h-full w-full top-[calc(53px+env(safe-area-inset-top))] md:top-auto bg-[#212121] md:bg-transparent ml-0 md:ml-12 -mb-[2px] pl-0 left-0 md:left-auto"> 1111 <form data-turbo-action="replace" class="w-[93px] h-full inline-flex mr-5 md:mr-0" action="/users/update_gender_interest" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="xjSLgbiX5LzzSzT3a1fCaFXNescNN5_ZG0PTcFU_bjsSwRF6u2QBcm3j9THcGySucaRLxwLb3ScLTRKomnirug" /> 1112 <input type="hidden" name="gender_interest" id="gender_interest" value="female" /> 1113 <input type="hidden" name="query_string" id="query_string" value="" /> 1114 <button type="submit" class="w-full h-full justify-center items-center inline-flex border-b-4 border-primary group" data-gender-interest="female" disabled> 1115 <div class="flex items-center"> 1116 <div class="w-4 h-4 relative mr-1 transition-colors duration-300 delay-300"> 1117 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 1118 <path d="M13.1562 5.15625C13.1562 2.30856 10.8477 0 8 0C5.15231 0 2.84375 2.30856 2.84375 5.15625C2.84375 7.68334 4.66306 9.78184 7.0625 10.2233V11.75H4.71875V13.625H7.0625V16H8H8.9375V13.625H11.2812V11.75H8.9375V10.2233C11.3369 9.78184 13.1562 7.68334 13.1562 5.15625ZM8 8.4375C6.19091 8.4375 4.71875 6.96534 4.71875 5.15625C4.71875 3.34716 6.19091 1.875 8 1.875C9.80909 1.875 11.2812 3.34716 11.2812 5.15625C11.2812 6.96534 9.80909 8.4375 8 8.4375Z" fill="var(--primary-color)" class="group-hover:fill-[var(--primary-color)] transition-colors duration-300" /> 1119 </svg> 1120 </div> 1121 <div class="text-primary text-[13px] font-semibold leading-normal"> 1122 Girls 1123 </div> 1124 </div> 1125 </button> 1126</form> <form data-turbo-action="replace" class="w-[93px] h-full inline-flex mr-5 md:mr-0" action="/users/update_gender_interest" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="VwHWt2CM0kFfXZ81aPuqQzioDKvKuBaSKTOnZ0s4TduD9ExMY383j8H1XvPft0yFHME9q8VUVGw5PWa_hH-IWg" /> 1127 <input type="hidden" name="gender_interest" id="gender_interest" value="male" /> 1128 <input type="hidden" name="query_string" id="query_string" value="" /> 1129 <button type="submit" class="w-full h-full justify-center items-center inline-flex border-b-4 border-transparent group" data-gender-interest="male" > 1130 <div class="flex items-center"> 1131 <div class="w-4 h-4 relative mr-1 transition-colors duration-300 delay-300"> 1132 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 1133 <path d="M6.51176 14.6667C3.65643 14.6667 1.3335 12.3438 1.3335 9.48844C1.3335 6.63324 3.65643 4.3103 6.51176 4.3103C9.36696 4.3103 11.6899 6.63324 11.6899 9.48844C11.6899 12.3438 9.36696 14.6667 6.51176 14.6667ZM6.51176 6.24697C4.7243 6.24697 3.27003 7.7011 3.27003 9.48857C3.27003 11.276 4.72416 12.7303 6.51176 12.7303C8.2991 12.7303 9.7535 11.2762 9.7535 9.48857C9.75336 7.7011 8.2991 6.24697 6.51176 6.24697Z" fill="#FFF" class="group-hover:fill-[var(--primary-color)] transition-colors duration-300"/> 1134 <path d="M14.668 6.51164H12.7315V3.26991H9.48975V1.33337H14.668V6.51164Z" fill="#FFF" class="group-hover:fill-[var(--primary-color)] transition-colors duration-300"/> 1135 <path d="M13.0142 1.61597L14.3833 2.9851L10.174 7.19439L8.80487 5.82526L13.0142 1.61597Z" fill="#FFF" class="group-hover:fill-[var(--primary-color)] transition-colors duration-300"/> 1136 </svg> 1137 </div> 1138 <div class="text-white text-[13px] font-semibold leading-normal"> 1139 Guys 1140 </div> 1141 </div> 1142 </button> 1143</form> </div> 1144 1145 1146 1147 1148 <div class="flex self-stretch flex-1 items-center justify-end pl-5 md:pl-0 gap-x-2 lg:gap-x-4"> 1149 <div class="flex items-center gap-x-2 md:hidden" data-testid="new-shell-guest-actions-mobile"> 1150 <div 1151 data-action="click->
1151main#openSignInModal" 1152 class="h-[34px] px-[13px] border border-white/[.22] text-white rounded-[100px] justify-center items-center inline-flex cursor-pointer" 1153 > 1154 <div class="text-[13px] font-semibold leading-[18px] whitespace-nowrap"> 1155 Login 1156 </div> 1157 </div> 1158 1159 <div 1160 data-redirect-url="https://candy.ai/characters/new2" 1161 data-action="click->main#openRegistrationModal" 1162 data-main-target="registerButton" 1163 class="h-[34px] px-[13px] bg-[#ee5876] rounded-[100px] justify-center items-center inline-flex cursor-pointer" 1164 > 1165 <div class="text-[13px] font-semibold leading-[18px] text-white whitespace-nowrap"> 1166 Join Free 1167 </div> 1168 </div> 1169</div> 1170 1171<div class="hidden md:flex items-center gap-x-2" data-testid="new-shell-guest-actions-desktop"> 1172 <div 1173 data-redirect-url="https://candy.ai/characters/new2" 1174 data-action="click->main#openRegistrationModal" 1175 data-main-target="registerButton" 1176 class="h-[34px] px-[13px] bg-[#ee5876] rounded-[100px] justify-center items-center inline-flex cursor-pointer" 1177 > 1178 <div class="text-[13px] font-semibold leading-[18px] text-white whitespace-nowrap"> 1179 Create Free Account 1180 </div> 1181 </div> 1182 1183 <div 1184 data-action="click->main#openSignInModal" 1185 class="h-[34px] px-[13px] border border-white/[.22] text-white rounded-[100px] justify-center items-center inline-flex cursor-pointer" 1186 > 1187 <div class="text-[13px] font-semibold leading-[18px] whitespace-nowrap"> 1188 Login 1189 </div> 1190 </div> 1191</div> 1192 1193 </div> 1194 </div> 1195</div> 1196 1197 1198 1199<div id="ios-modal" 1200 data-controller="modal-component" 1201 data-modal-component-target="modal" 1202 data-modal-component-delay-value="0" 1203 data-modal-component-click-outside-value="true" 1204 data-modal-component-escape-closes-value="true" 1205 data-modal-component-after-close-value="{"show_again_after_seconds":null,"expires_at":null}" 1206 data-modal-component-track-mixpanel-value="false" 1207 data-modal-component-mixpanel-data-value="" 1208 data-modal-component-initial-state-value="closed" 1209 data-modal-component-persist-on-cache-value="false" 1210 class="hidden"> 1211 <div class="fixed inset-0 z-50 modal-backdrop bg-black/50 backdrop-blur-xs"></div> 1212 <div class="fixed inset-0 z-50 overflow-y-auto flex justify-center items-center"> 1213 <div class="relative flex justify-center items-center" data-modal-component-target="modalWindow"> 1214 <button class="absolute w-6 h-6 z-50 top-2 right-2" data-action="click->modal-component#closeModal"> 1215 <span class="sr-only">Close</span> 1216 <img src="/assets/close-ec898236eb501d13f4d1343d4a90ed1c0afec71efde2ed1e606916d52f2c5331.svg" /> 1217 </button> 1218 <div class=""></div> 1219 <div class="flex flex-col justify-between items-center md:flex-row relative bg-[linear-gradient(163deg,_#1A1A1A_6.61%,_#2A1E21_88.06%)] border border-black-stroke rounded-[10px] p-0 w-full max-w-[450px]"> 1220 <div class="flex flex-col justify-between z-30 flex flex-col justify-center items-center text-center w-full"> 1221 <div class="flex flex-col items-center justify-center w-full text-center bg-[#3B3B3B] rounded-lg"> 1222 <figure class="w-full max-w-[400px]"> 1223 <img alt="App Installation" class="w-full max-w-full h-auto object-contain rounded-t-lg" src="/assets/pwa/modal-images/ios-modal-40b29571e1375efdfc7a26432094dfc32d3c7e58cfdc180e409e71f966e4a91b.webp" /> 1224 </figure> 1225 1226 <div class="w-full mt-3 flex flex-col"> 1227 <h2 class="pt-5 text-white font-bold text-[14px] w-72 self-center"> 1228 Get App to Receive Notifications from: 1229 </h2> 1230 1231 <section class="mx-5 my-3 bg-[#2E2E2E] rounded-lg p-3"> 1232 <ul class="text-white text-[14px] gap-4 py-2 flex flex-col items-start"> 1233 <li class="flex items-center gap-2"> 1234 <img alt="New Features" src="/assets/pwa/modal-images/new-features-8d91d4198e6b9ca53df4c77ffeacf3a41d166f3675dcd33b9a52d71fd65e1f5a.svg" /> 1235 <span>New Features</span> 1236 </li> 1237 <li class="flex items-center gap-2"> 1238 <img alt="Sales and Discounts" src="/assets/pwa/modal-images/tag-3b4615afb2263a898e01967bc8206310c216fa40f33f4a7e416f66e38325e5a9.svg" />
1239 <span>Sales and Discounts</span> 1240 </li> 1241 <li class="flex items-center gap-2"> 1242 <img alt="New Messages" src="/assets/pwa/modal-images/bubble-wide-notification-7b701200e5b8473f565530a160416620ff0a7ae20ba0db8f17da785808db5e13.svg" /> 1243 <span>New Messages</span> 1244 </li> 1245 </ul> 1246 </section> 1247 1248 <section class="text-white text-[14px] flex flex-col justify-center gap-2 my-3 py-2 px-5"> 1249 <ul class="flex flex-col gap-2"> 1250 <li class="flex items-center gap-2"> 1251 <span>1. Tap âShareâ</span> 1252 <img alt="Share" src="/assets/pwa/modal-images/share-51f21c50ebd8708b137170cfa439749d647335c9d19877b6741808fb566835f8.svg" /> 1253 <span 1254 data-pwa-target="modalInstructions" 1255 data-safari-instruction="below" 1256 data-chrome-instruction="Top right" 1257 ></span> 1258 </li> 1259 <li class="flex items-center gap-2"> 1260 <span> 1261 2. Tap âAdd to Home Screenâ 1262 </span> 1263 <img alt="Add to Home Screen" src="/assets/pwa/modal-images/add-to-home-d9bf063fa60ea41fa35551f89de965f8afaad1139f6024f5bacc4d9bbae90ea2.svg" /> 1264 </li> 1265 </ul> 1266 </section> 1267 </div> 1268 </div> 1269 1270 </div> 1271 </div> 1272 </div> 1273 </div> 1274</div> 1275 1276 1277 1278<div id="android-chrome-modal" 1279 data-controller="modal-component" 1280 data-modal-component-target="modal" 1281 data-modal-component-delay-value="0" 1282 data-modal-component-click-outside-value="true" 1283 data-modal-component-escape-closes-value="true" 1284 data-modal-component-after-close-value="{"show_again_after_seconds":null,"expires_at":null}" 1285 data-modal-component-track-mixpanel-value="false" 1286 data-modal-component-mixpanel-data-value="" 1287 data-modal-component-initial-state-value="closed" 1288 data-modal-component-persist-on-cache-value="false" 1289 class="hidden"> 1290 <div class="fixed inset-0 z-50 modal-backdrop bg-black/50 backdrop-blur-xs"></div> 1291 <div class="fixed inset-0 z-50 overflow-y-auto flex justify-center items-center"> 1292 <div class="relative flex justify-center items-center" data-modal-component-target="modalWindow"> 1293 <button class="absolute w-6 h-6 z-50 top-2 right-2" data-action="click->modal-component#closeModal"> 1294 <span class="sr-only">Close</span> 1295 <img src="/assets/close-ec898236eb501d13f4d1343d4a90ed1c0afec71efde2ed1e606916d52f2c5331.svg" /> 1296 </button> 1297 <div class=""></div> 1298 <div class="flex flex-col justify-between items-center md:flex-row relative bg-[linear-gradient(163deg,_#1A1A1A_6.61%,_#2A1E21_88.06%)] border border-black-stroke rounded-[10px] p-0 w-full max-w-[450px]"> 1299 <div class="flex flex-col justify-between z-30 flex flex-col justify-center items-center text-center w-full"> 1300 <div class="flex flex-col items-center justify-center w-full text-center bg-[#3B3B3B] rounded-lg"> 1301 <figure class="w-full max-w-[400px] relative"> 1302 <img alt="App Installation" class="w-full max-w-full h-auto object-contain rounded-t-lg" src="/assets/pwa/modal-images/android-modal-f106e68bf14b25603c1ea69d915975f22df7ff4b5fa23020155aebafbb19bce5.webp" /> 1303 </figure> 1304 1305 <div class="w-full mt-3 flex flex-col"> 1306 <div class="pt-5 pb-3 text-white font-bold text-[14px] w-72 self-center"> 1307 Get App to Receive Notifications from: 1308 </div> 1309 1310 <section class="mx-5 my-3 bg-[#2E2E2E] rounded-lg p-3"> 1311 <ul class="text-white text-[14px] gap-4 py-2 flex flex-col items-start"> 1312 <li class="flex items-center gap-2"> 1313 <img alt="New Messages" src="/assets/pwa/modal-images/bubble-wide-notification-7b701200e5b8473f565530a160416620ff0a7ae20ba0db8f17da785808db5e13.svg" /> 1314 <span>New Messages</span> 1315 </li> 1316 <li class="flex items-center gap-2"> 1317 <img alt="New Features" src="/assets/pwa/modal-images/new-features-8d91d4198e6b9ca53df4c77ffeacf3a41d166f3675dcd33b9a52d71fd65e1f5a.svg" /> 1318 <span>New Features</span> 1319 </li> 1320 <li class="flex items-center gap-2"> 1321 <img alt="Sales and Discounts" src="/assets/pwa/modal-images/tag-3b4615afb2263a898e01967bc8206310c216fa40f33f4a7e416f66e38325e5a9.svg" />
1322 <span>Sales and Discounts</span> 1323 </li> 1324 </ul> 1325 </section> 1326 1327 <section class="text-white text-[14px] flex flex-col justify-center gap-2 my-5 py-2 px-5"> 1328 <ul class="flex flex-col gap-2"> 1329 <li class="flex items-center gap-2"> 1330 <span> 1331 1. Tap 1332 </span> 1333 <img alt="Menu" src="/assets/pwa/modal-images/dots-2a69a24f9e943ecc76c29829e83f34ea204254c54945cf142d3ddb9555aec149.svg" /> 1334 <span> 1335 in your browser 1336 </span> 1337 </li> 1338 <li class="flex items-center gap-2"> 1339 <span> 1340 2. Tap âAdd to Home Screenâ 1341 </span> 1342 <img alt="Add to Home Screen" src="/assets/pwa/modal-images/add-to-home-android-a92441e4d8c5071e7327003c070dc41072370f91a4875b08f1f2d28b0daee6c2.svg" /> 1343 </li> 1344 </ul> 1345 </section> 1346 </div> 1347 </div> 1348 1349 </div> 1350 </div> 1351 </div> 1352 </div> 1353</div> 1354 1355 1356 <div id="auth-register-modal"></div> 1357 <div id="auth-sign-in-modal"></div> 1358 1359 1360 1361 1362 <div class="main-content-container" data-main-target="contentContainer"> 1363 1364 1365 1366<div 1367 class="mt-[95px] md:mt-[64px] pb-[80px] lg:pb-16 overflow-y-auto lg:pl-[100px]" 1368 id="main-wrapper-new-character" 1369> 1370 <div class="flex flex-col lg:mx-auto items-center justify-center w-full lg:w-[760px] md:mt-8 max-w-[333px] md:max-w-none mx-auto gap-4"> 1371 <div class="flex items-center justify-center gap-x-3 mx-auto mt-2 md:mt-0"> 1372 <div style="position: relative;"> 1373 <h1 1374 id="character-create-title" 1375 class="text-center text-[22px] text-white font-semibold text-xl md:text-[30px] leading-normal" 1376 data-title-female="Create my AI Girl" 1377 data-title-trans="Create my AI Trans" 1378 > 1379 Create my AI Girl 1380 </h1> 1381 <span class="create-elipse hidden lg:block"></span> 1382 </div> 1383 </div> 1384 <form data-controller="create-flow characters-v2--first-step mixpanel-tracker cmai--step-tracker" data-cmai--step-tracker-url-value="/cmai/step_events" data-cmai--step-tracker-enabled-value="false" data-cmai--step-tracker-step-value="style" data-create-flow-default-character-age="18" data-characters-v2--first-step-v2-path-value="/characters_v2/720972082" data-characters-v2--first-step-anime-allowed-value="true" data-characters-v2--first-step-selected-border-class="border-pink-badge" data-characters-v2--first-step-unselected-border-class="border-grey-dark" data-characters-v2--first-step-selected-icon-class="text-pink-dark" data-characters-v2--first-step-unselected-icon-class="text-white/60" data-characters-v2--first-step-selected-text-class="text-white" data-characters-v2--first-step-unselected-text-class="text-white/60" data-action="submit->characters-v2--first-step#submitCreateFlow submit->cmai--step-tracker#stepCompleted" data-mixpanel-track-on-connect="true" data-mixpanel-event="View Page" data-mixpanel-source="CMAI Flow" data-mixpanel-product="CMAI-V2" data-mixpanel-url="/characters/new2" data-mixpanel-extra-attributes="{"user_type":"guest"}" class="flex flex-col w-full relative min-h-[100vh] pb-[max(env(safe-area-inset-bottom,0px),5rem)] md:pb-0 h-[calc(100vh-330px)] md:h-[calc(100vh-250px)] md:min-h-[580px]" id="edit_profile_720972082" action="/characters/720972082" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="_RBuchS8Jnh5B2pGxmOqGNGuQ9jAyCYCQHgOefN_6uweBzSvYcwnUUmYPmXGt2ZU_xTPxdgH2bA_mlHtEJijHg" /> 1385 1386 1387<input data-characters-v2--first-step-target="genderInput" type="hidden" value="female" name="profile[gender]" id="profile_gender" /> 1388 1389 <div class="flex justify-center gap-[10px] mb-4 md:mb-6 -mt-2"> 1390 <button 1391 type="button" 1392 id="gender-tab-female" 1393 class="gender-tab flex items-center justify-center gap-[6px] p-1 rounded-[50px] w-[100px] transition-all border border-solid border-pink-badge" 1394 data-gender="female" 1395 data-action="click->characters-v2--first-step#selectGenderTab" 1396 data-characters-v2--first-step-target="genderTab" 1397> 1398 <svg xmlns="http://www.w3.org/2000/svg" width="11" height="16" viewB
1398ox="0 0 11 16" fill="currentColor" class="w-[16px] h-[16px] text-pink-400 gender-icon text-pink-dark"> 1399 <path d="M10.3125 5.15625C10.3125 2.30856 8.00394 0 5.15625 0C2.30856 0 0 2.30856 0 5.15625C0 7.68334 1.81931 9.78184 4.21875 10.2233V11.75H1.875V13.625H4.21875V16H5.15625H6.09375V13.625H8.4375V11.75H6.09375V10.2233C8.49319 9.78184 10.3125 7.68334 10.3125 5.15625ZM5.15625 8.4375C3.34716 8.4375 1.875 6.96534 1.875 5.15625C1.875 3.34716 3.34716 1.875 5.15625 1.875C6.96534 1.875 8.4375 3.34716 8.4375 5.15625C8.4375 6.96534 6.96534 8.4375 5.15625 8.4375Z" fill="currentColor"></path> 1400</svg> 1401 <span class="font-semibold text-[13px] leading-[24px] text-white">Girls</span> 1402</button> 1403 1404 <button 1405 type="button" 1406 id="gender-tab-trans" 1407 class="gender-tab flex items-center justify-center gap-[6px] p-1 rounded-[50px] w-[100px] transition-all border border-solid border-grey-dark" 1408 data-gender="male_to_female_trans" 1409 data-action="click->characters-v2--first-step#selectGenderTab" 1410 data-characters-v2--first-step-target="genderTab" 1411> 1412 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" fill="currentColor" class="w-4 h-4 text-gray-400 w-[16px] h-[16px] gender-icon text-white/60"> 1413 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.6968 9.81224C8.7904 10.7294 7.2096 10.7294 6.3032 9.81224C5.3672 8.8651 5.3672 7.32457 6.3032 6.37743C6.756 5.91843 7.3584 5.66667 8 5.66667C8.6416 5.66667 9.244 5.91843 9.6968 6.37743C10.6328 7.32457 10.6328 8.8651 9.6968 9.81224ZM11.2 0V1.61905H13.2688L10.2056 4.71791C8.8736 3.82662 7.1264 3.82662 5.7944 4.71791L5.5312 4.45157L6.7312 3.2381L5.6 2.09343L4.4 3.30771L2.7312 1.61905H4.8V0H0V4.85714H1.6V2.76371L3.2688 4.45238L2.0688 5.66667L3.2 6.81133L4.4 5.59624L4.6632 5.86257C3.6368 7.43386 3.8064 9.57505 5.172 10.9569C5.7472 11.5398 6.456 11.9032 7.2 12.0554V12.9524H4.8V14.5714H7.2V17H8.8V14.5714H11.2V12.9524H8.8V12.0554C9.544 11.9032 10.2528 11.5398 10.828 10.9569C12.1936 9.57505 12.3632 7.43386 11.3368 5.86257L14.4 2.76371V4.85714H16V0H11.2Z"></path> 1414</svg> 1415 <span class="font-semibold text-[13px] leading-[24px] text-white/60">Trans</span> 1416</button> 1417 1418 </div> 1419 <div class="w-full" data-characters-v2--first-step-target="genderPanel" data-gender="female"> 1420 <fieldset class="flex justify-center gap-2 md:gap-4 font-semibold group" data-create-flow-target="fieldset" data-characters-v2--first-step-target="fieldset" data-auto-submit="false"> 1421 <div class="white-border inline-block relative rounded-md transition-opacity duration-300 group/option group-has-[.selected]:opacity-30 [&.selected]:!opacity-100 opacity-100" 1422 data-create-flow-target="option" 1423 data-action="click->create-flow#select click->characters-v2--first-step#handleFieldsetChange"> 1424 <div class="absolute bottom-0 left-0 rounded-md pointer-events-none h-[63px] md:h-[91px] w-full opacity-50" 1425 style="background: linear-gradient(180deg, rgba(19, 19, 19, 0.00) 0%, rgba(19, 19, 19, 90.00) 100%);"></div> 1426 1427 <input class="hidden" type="radio" value="realistic" name="profile[category]" id="profile_category_realistic" /> 1428 1429 <div class="absolute top-[10px] right-[8px] hidden group-[.selected]/option:block md:group-[.selected]/option:hidden"> 1430 <div class="bg-white rounded-full w-[20px] h-[20px] flex items-center justify-center"> 1431 <img src="/assets/characters_v2/checkmark-e5f7bc6d5093fb37e3621c77ebf1b07c9f485d150a3205e0c077ac30ae8e46b5.svg" /> 1432 </div> 1433 </div> 1434 1435 <label for="category_profile_720972082_realistic" class=""> 1436 <div data-controller="character-video-preview"><video class="md:w-full md:max-w-none h-[305px] md:h-[clamp(320px,calc(100dvh-320px),510px)] rounded-md object-cover aspect-[9/16] md:aspect-[3/4] object-top cursor-pointer" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" preload="auto" poster="https://cdn.candy.ai/sfw-cmai-image-1-0f5502bf-2aba-4aff-94d7-81e37647e18d" data-character-video-preview-target="video" src="https://cdn.candy.ai/sfw-cmai-video-1-d52d25a8-7c21-4d99-a967-92aa624e15e2"></video></div> 1437 1438 <div class="text-white text-[14px] md:text-[22px] font-medium flex items-center justify-center whitespace-nowrap h-[25px] leading-[25px] absolute bottom-[6px] md:bottom-[10px] left-1/2 transform -translate-x-1/2 py-[8px] px-[10px]"> 1439 Realistic 1440 </div> 1441 </label> 1442 </div> 1443 <div class="white-border inline-block relative rounded-md transition-opacity duration-300 group/option group-has-[.selected]:opacity-30 [&.selected]:!opacity-100 opacity-100" 1444 data-create-flow-target="option" 1445 data-action="click->create-flow#select click->characters-v2--first-step#handleFieldsetChange"> 1446 <div class="absolute bottom-0 left-0 rounded-md pointer-events-none h-[63px] md:h-[91px] w-full opacity-50" 1447 style="background: linear-gradient(180deg, rgba(19, 19, 19, 0.00) 0%, rgba(19, 19, 19, 90.00) 100%);"></div> 1448 1449 <input class="hidden" type="radio" value="anime" name="profile[category]" id="profile_category_anime" /> 1450 1451 <div class="absolute top-[10px] right-[8px] hidden group-[.selected]/option:block md:group-[.selected]/option:hidden"> 1452 <div class="bg-white rounded-full w-[20px] h-[20px] flex items-center justify-center"> 1453 <img src="/assets/characters_v2/checkmark-e5f7bc6d5093fb37e3621c77ebf1b07c9f485d150a3205e0c077ac30ae8e46b5.svg" /> 1454 </div> 1455 </div> 1456 1457 <label for="category_profile_720972082_anime" class=""> 1458 <div data-controller="character-video-preview"><video class="md:w-full md:max-w-none h-[305px] md:h-[clamp(320px,calc(100dvh-320px),510px)] rounded-md object-cover aspect-[9/16] md:aspect-[3/4] object-top cursor-pointer" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" preload="auto" poster="https://cdn.candy.ai/sfw-cmai-image-2-cf4d964a-6126-4f02-a843-91bf2e145a6b" data-character-video-preview-target="video" src="https://cdn.candy.ai/sfw-cmai-video-2-045a5345-493d-4911-9e53-31895d43ddd5"></video></div> 1459 1460 <div class="text-white text-[14px] md:text-[22px] font-medium flex items-center justify-center whitespace-nowrap h-[25px] leading-[25px] absolute bottom-[6px] md:bottom-[10px] left-1/2 transform -translate-x-1/2 py-[8px] px-[10px]"> 1461 Anime 1462 </div> 1463 </label> 1464 </div> 1465 </fieldset> 1466</div> 1467 <div class="w-full hidden" data-characters-v2--first-step-target="genderPanel" data-gender="male_to_female_trans"> 1468 <fieldset class="flex justify-center gap-2 md:gap-4 font-semibold group" data-create-flow-target="fieldset" data-characters-v2--first-step-target="fieldset" data-auto-submit="false"> 1469 <div class="white-border inline-block relative rounded-md transition-opacity duration-300 group/option group-has-[.selected]:opacity-30 [&.selected]:!opacity-100 opacity-100" 1470 data-create-flow-target="option" 1471 data-action="click->create-flow#select click->characters-v2--first-step#handleFieldsetChange"> 1472 <div class="absolute bottom-0 left-0 rounded-md pointer-events-none h-[63px] md:h-[91px] w-full opacity-50" 1473 style="background: linear-gradient(180deg, rgba(19, 19, 19, 0.00) 0%, rgba(19, 19, 19, 90.00) 100%);"></div> 1474 1475 <input class="hidden" type="radio" value="realistic" name="profile[category]" id="profile_category_realistic" /> 1476 1477 <div class="absolute top-[10px] right-[8px] hidden group-[.selected]/option:block md:group-[.selected]/option:hidden"> 1478 <div class="bg-white rounded-full w-[20px] h-[20px] flex items-center justify-center"> 1479 <img src="/assets/characters_v2/checkmark-e5f7bc6d5093fb37e3621c77ebf1b07c9f485d150a3205e0c077ac30ae8e46b5.svg" /> 1480 </div> 1481 </div> 1482 1483 <label for="category_profile_720972082_realistic" class=""> 1484 <div data-controller="character-video-preview"><video class="md:w-full md:max-w-none h-[305px] md:h-[clamp(320px,calc(100dvh-320px),510px)] rounded-md object-cover aspect-[9/16] md:aspect-[3/4] object-top cursor-pointer" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" preload="auto" poster="https://cdn.candy.ai/sfw-cmai-image-3-00517f70-d0ca-4e1e-a388-d7755d87a1cb" data-character-video-preview-target="video" src="https://cdn.candy.ai/sfw-cmai-video-3-ef4f7c4b-e1f7-42aa-9b95-f2beaf9677c3"></video></div> 1485 1486 <div class="text-white text-[14px] md:text-[22px] font-medium flex items-center justify-center whitespace-nowrap h-[25px] leading-[25px] absolute bottom-[6px] md:bottom-[10px] left-1/2 transform -translate-x-1/2 py-[8px] px-[10px]"> 1487 Realistic 1488 </div> 1489 </label> 1490 </div> 1491 <div class="white-border inline-block relative rounded-md transition-opacity duration-300 group/option group-has-[.selected]:opacity-30 [&.selected]:!opacity-100 opacity-30 pointer-events-none" 1492 data-create-flow-target="option" 1493 data-action=""> 1494 <div class="absolute bottom-0 left-0 rounded-md pointer-events-none h-[63px] md:h-[91px] w-full opacity-50" 1495 style="background: linear-gradient(180deg, rgba(19, 19, 19, 0.00) 0%, rgba(19, 19, 19, 90.00) 100%);"></div> 1496 1497 <input class="hidden" disabled="disabled" type="radio" value="anime" name="profile[category]" id="profile_category_anime" /> 1498 1499 <div class="absolute top-[10px] right-[8px] hidden group-[.selected]/option:block md:group-[.selected]/option:hidden"> 1500 <div class="bg-white rounded-full w-[20px] h-[20px] flex items-center justify-center"> 1501 <img src="/assets/characters_v2/checkmark-e5f7bc6d5093fb37e3621c77ebf1b07c9f485d150a3205e0c077ac30ae8e46b5.svg" /> 1502 </div> 1503 </div> 1504 1505 <label for="category_profile_720972082_anime" class="cursor-not-allowed"> 1506 <div data-controller="character-video-preview"><video class="md:w-full md:max-w-none h-[305px] md:h-[clamp(320px,calc(100dvh-320px),510px)] rounded-md object-cover aspect-[9/16] md:aspect-[3/4] object-top cursor-not-allowed" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" preload="auto" poster="https://cdn.candy.ai/sfw-cmai-image-4-b2fb1c54-c92c-4ee8-8cda-cba3f46ad94f" data-character-video-preview-target="video" src="https://cdn.candy.ai/sfw-cmai-video-4-364b683c-c742-489d-8408-b6f63b6dcf7a"></video></div> 1507 1508 <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-b from-transparent to-[rgba(19,19,19,0.9)] rounded-md flex flex-col items-center justify-end text-center gap-0 md:gap-[6px] pb-3 md:pb-[26px] pt-[50px] px-[10px] pointer-events-none"> 1509 <p class="text-[14px] md:text-[22px] md:leading-[15px] font-semibold text-[#E8E8E8]">Anime</p>
1510 <p class="text-[11px] md:text-[16px] md:leading-[35px] font-medium md:font-normal text-grey-medium">Coming Soon</p> 1511 </div> 1512 </label> 1513 </div> 1514 </fieldset> 1515</div> 1516 1517<div class="flex justify-center gap-2 md:gap-4 mt-3 md:mt-6 w-full md:max-w-[150px] mx-auto"> 1518 <button 1519 data-create-flow-target="nextButton" 1520 data-characters-v2--first-step-target="nextButton" 1521 data-controller="loading-button-cma" 1522 data-loading-button-cma-target="submit" 1523 class=" 1524 relative primary-gradient backdrop-blur-[5px] border border-white/30 1525 px-6 py-3 w-full h-[48px] rounded-xl flex items-center 1526 justify-center gap-2.5 transition-all hover:opacity-90 1527 disabled:opacity-30 disabled:cursor-not-allowed 1528 " 1529 disabled 1530 > 1531 <span class="text-white text-sm font-bold uppercase">Next</span> 1532 <img alt="Next" class="w-6 h-6" src="/assets/characters_v2/arrow_right-6bb76b394d4188264e388dd999c9dc01d1b30427f9fc78021a9809d34106a075.svg" /> 1533 </button> 1534</div> 1535 1536 <input value="2" type="hidden" name="profile[cmai_flow_version]" id="profile_cmai_flow_version" /> 1537</form> 1538 1539 </div> 1540</div> 1541 1542 1543<div id="character-registration-modal"></div> 1544<div id="character-subscribe-modal"></div> 1545<div id="character-buy-tokens-modal"></div> 1546 1547 1548 1549 <div id="mpc-pack-purchased-notifiers" class="contents"></div> 1550 1551 1552 1553 1554 1555 <div id="mobile_bottom_bar_container" data-pwa-target="mobileBottomBarContainer"> 1556</div> </div> 1557 1558 1559
1559<script> 1560 var isCookieScriptInitialized = false; 1561 1562 1563 function initializeCookieScript() { 1564 if (!isCookieScriptInitialized) { 1565 isCookieScriptInitialized = true; 1566 CookieScript.init(); 1567 } 1568 } 1569 1570 function checkAndDisplayCookieBanner() { 1571 setTimeout(function () { 1572 if (typeof CookieScript.instance !== "undefined" && CookieScript.instance !== null) { 1573 if (typeof CookieScript.instance.currentState === "function" && CookieScript.instance.currentState().action === void 0) { 1574 CookieScript.instance = null; 1575 initializeCookieScript(); 1576 } 1577 } else { 1578 initializeCookieScript(); 1579 } 1580 }, 500); 1581 } 1582 1583 document.addEventListener("turbo:load", function () { 1584 if (typeof CookieScript === 'undefined') { 1585 return; 1586 } 1587 1588 initializeCookieScript(); 1589 checkAndDisplayCookieBanner(); 1590 }); 1591</script>
1591 1592 1593<div 1594 data-controller="consent-fb-cookies" 1595 data-consent-fb-cookies-fbc-name-value="_lp_fbc" 1596 data-consent-fb-cookies-fbp-name-value="_lp_fbp" 1597 data-consent-fb-cookies-fbc-max-age-value="7776000" 1598 data-consent-fb-cookies-fbp-max-age-value="63072000" 1599 data-consent-fb-cookies-domain-mode-value="all" 1600></div> 1601 1602 1603 1604 1605 1606
1606<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a4d5023a012f41e0b0324067f7ed0b96","spa":2}' crossorigin="anonymous"></script>
1606 1607</body> 1608</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.