PageSourceSearch

https://candy.ai/characters/new2

html candy.ai collected 2026-09-26 02:59:32 UTC 89,519 bytes, 1,608 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="en">
4  <head>
5    <title>Candy AI: AI Girlfriend App | Chat w/ Pics, Voice, &amp; 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, &amp; 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, &amp; 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, &amp; 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&amp;state=ca-co-va&amp;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&amp;origin_controller=characters&amp;origin_path=%2Fcharacters%2Fnew2&amp;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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-&gt;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 &amp; 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-&gt;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-&gt;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-&gt;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="{&quot;female&quot;:{&quot;url&quot;:&quot;/ai-girlfriend&quot;,&quot;label&quot;:&quot;Girls&quot;},&quot;anime&quot;:{&quot;url&quot;:&quot;/ai-anime&quot;,&quot;label&quot;:&quot;Anime&quot;},&quot;male&quot;:{&quot;url&quot;:&quot;/ai-boyfriend&quot;,&quot;label&quot;:&quot;Guys&quot;}}"
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-&gt;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-&gt;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-&gt;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-&gt;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 &amp; 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="{&quot;show_again_after_seconds&quot;:null,&quot;expires_at&quot;: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="{&quot;show_again_after_seconds&quot;:null,&quot;expires_at&quot;: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-&gt;characters-v2--first-step#submitCreateFlow submit-&gt;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="{&quot;user_type&quot;:&quot;guest&quot;}" 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 [&amp;.selected]:!opacity-100 opacity-100" 
1422           data-create-flow-target="option" 
1423           data-action="click-&gt;create-flow#select click-&gt;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 [&amp;.selected]:!opacity-100 opacity-100" 
1444           data-create-flow-target="option" 
1445           data-action="click-&gt;create-flow#select click-&gt;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 [&amp;.selected]:!opacity-100 opacity-100" 
1470           data-create-flow-target="option" 
1471           data-action="click-&gt;create-flow#select click-&gt;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 [&amp;.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.