PageSourceSearch

https://candy.ai/candy-shorts

html candy.ai collected 2026-09-26 02:59:30 UTC 97,036 bytes, 2,072 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="en">
4  <head>
5    <title>CandyShorts | Irresistible Short Series &amp; Episodes</title>
6
7    <meta
8      name="description"
9      content="Discover fresh short series with weekly new episodes. Watch popular stories including &quot;My Hot Professor&quot; and &quot;Isabella&#39;s Revelation&quot; and many others on Candy Shorts."
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="CandyShorts | Irresistible Short Series &amp; Episodes"
34    >
35
36    <meta property="og:type" content="website">
37
38    <meta property="og:url" content="https://candy.ai/candy-shorts">
39
40    <meta
41      property="og:description"
42      content="Discover fresh short series with weekly new episodes. Watch popular stories including &quot;My Hot Professor&quot; and &quot;Isabella&#39;s Revelation&quot; and many others on Candy Shorts."
43    >
44
45    <meta
46      property="og:site_name"
47      content="CandyShorts | Irresistible Short Series &amp; Episodes"
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/candy-shorts">
68    <link
69      rel="alternate"
70      href="https://candy.ai/candy-shorts"
71      hreflang="en"
72    >
73    <link
74      rel="alternate"
75      href="https://candy.ai/candy-shorts?locale=fr"
76      hreflang="fr"
77    >
78    <link
79      rel="alternate"
80      href="https://candy.ai/candy-shorts?locale=de"
81      hreflang="de"
82    >
83    <link
84      rel="alternate"
85      href="https://candy.ai/candy-shorts?locale=es"
86      hreflang="es"
87    >
88    <link
89      rel="alternate"
90      href="https://candy.ai/candy-shorts?locale=pt-BR"
91      hreflang="pt-BR"
92    >
93    <link
94      rel="alternate"
95      href="https://candy.ai/candy-shorts?locale=it"
96      hreflang="it"
97    >
98    <link
99      rel="alternate"
100      href="https://candy.ai/candy-shorts?locale=nl"
101      hreflang="nl"
102    >
103    <link
104      rel="alternate"
105      href="https://candy.ai/candy-shorts?locale=sv"
106      hreflang="sv"
107    >
108    <link
109      rel="alternate"
110      href="https://candy.ai/candy-shorts?locale=da"
111      hreflang="da"
112    >
113    <link
114      rel="alternate"
115      href="https://candy.ai/candy-shorts?locale=no"
116      hreflang="no"
117    >
118    <link
119      rel="alternate"
120      href="https://candy.ai/candy-shorts?locale=fi"
121      hreflang="fi"
122    >
123    <link
124      rel="alternate"
125      href="https://candy.ai/candy-shorts?locale=ja"
126      hreflang="ja"
127    >
128    <link
129      rel="alternate"
130      href="https://candy.ai/candy-shorts?locale=pl"
131      hreflang="pl"
132    >
133  <link
134    rel="alternate"
135    href="https://candy.ai/candy-shorts"
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": "CandyShorts | Irresistible Short Series &amp; Episodes",
154      "item": "https://candy.ai/candy-shorts"
155    }    
156  ]
157}
158</script>
158
159
160    
161    <meta name="csrf-param" content="authenticity_token" />
162<meta name="csrf-token" content="oelCHv4T63SSvuZBnPTk4tddri-6D4D0X8YwS2Vb98HCyy9bEdsBLSUIMQ6mqG5DyzvzV6tpKnyjz83WxESclw" />
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    
386  </head>
387
388  <body
389    class="bg-main-v2 library index"
390    id="app"
391    data-controller="main mobile-scroll-behavior mobile-navbar-visibility modal pwa"
392    
393    data-mobile-scroll-behavior-current-page-name="library"
394    data-main-is-sidebar-opened-value="false"
395    data-main-is-current-user-signed-in=""
396    data-main-selected-character-id-from-generate-image
397      data-main-auth-modals-url-value="/homepage/auth_modals?origin_action=index&amp;origin_controller=library&amp;origin_path=%2Fcandy-shorts"
398  >
399    
400
401          <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 401-402
401
402    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
402GTM-NM6MQN67
vendor: 87 bytes, lines 402-404
402"
403height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
404    
404<!-- End Google Tag Manager (noscript) -->
405
406
407    
408
409    <div id="js-events-container"></div>
410
411    
412
413    <div
414  data-controller="uta-api"
415  data-uta-api-api-url-value="https://uta.candy.ai"
416  data-uta-api-api-token-value="31c5e5ffaae6aa6363dca57282888e9ee66a04de3830b8eb31f3fb9102cdb795"
417  data-uta-api-uta-visitor-id-value=""
418  data-uta-api-email-value=""
419  data-uta-api-experiments-value="[]"
420  data-uta-api-skip-page-view-value="false"
421></div>
422
423
424      <turbo-frame id="layout_extras" src="/cache/layout/extras"></turbo-frame>
425        <div
426  data-main-target="mainSidebarClosedContainer"
427  data-testid="new-shell-closed-sidebar"
428  class="
429    lg:fixed lg:pt-[63px] z-30 border-[#363636] border-r border-t
430    lg:inset-y-0 lg:left-0 lg:w-[100px] lg:pb-5 w-[100px] fixed top-0 left-0
431    h-full desktop-sidebar desktop-sidebar--collapsed webkit-transform-sidebar
432  "
433  style="background: linear-gradient(0deg, #131313 0%, #131313 100%); max-height: 100vh"
434>
435  <nav class="flex flex-col justify-between h-full">
436    <div class="flex flex-col flex-1 min-h-0">
437      <ul
438        role="list"
439        class="
440          py-8 lg:py-6 flex flex-col gap-2 items-center justify-start px-6
441          flex-1 min-h-0 overflow-y-auto overflow-x-hidden no-scrollbar
442        "
443      >
444          <!-- Home Icon -->
445          <li
446            class="relative w-full"
447            data-controller="navbar-tooltip"
448            data-navbar-tooltip-tooltip-id-value="tooltip-home"
449          >
450            <div
451              id="tooltip-home"
452              role="tooltip"
453              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"
454            >
455              Home
456            </div>
457            <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="/">
458              <img class="w-6 h-6" src="/assets/sidebar-icons/home-18a7d73adabda5674f78dab4a3d6b3acebbdbba31f0ad19053537dabffade496.svg" />
459</a>          </li>
460          <!-- Discover/Feed Icon -->
461          <li
462            class="relative w-full"
463            data-controller="navbar-tooltip"
464            data-navbar-tooltip-tooltip-id-value="tooltip-discover"
465          >
466            <div
467              id="tooltip-discover"
468              role="tooltip"
469              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"
470            >
471              Discover
472            </div>
473            <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">
474              <img class="w-6 h-6" src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg" />
475</a>          </li>
476          <!-- Shorts Icon -->
477          <li
478            class="relative w-full"
479            data-controller="navbar-tooltip"
480            data-navbar-tooltip-tooltip-id-value="tooltip-shorts"
481          >
482            <div
483              id="tooltip-shorts"
484              role="tooltip"
485              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"
486            >
487              Shorts
488            </div>
489            <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 bg-[#303030]" href="/candy-shorts">
490              <img class="w-6 h-6" src="/assets/sidebar-icons/shorts-active-d87391fb4c634b244c7e1c80b1944af6d857c3b542ac401e1995d96e35e3e0ea.svg" />
491</a>          </li>
492        <li
493          class="relative w-full"
494          data-controller="navbar-tooltip"
495          data-navbar-tooltip-tooltip-id-value="tooltip-chat"
496        >
497          <div
498            id="tooltip-chat"
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            Chat
503          </div>
504            <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="#">
505              <img class="w-6 h-6" src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg" />
506</a>        </li>
507        <li
508          class="relative w-full"
509          data-controller="navbar-tooltip"
510          data-navbar-tooltip-tooltip-id-value="tooltip-gallery"
511        >
512          <div
513            id="tooltip-gallery"
514            role="tooltip"
515            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"
516          >
517            Collection
518          </div>
519            <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="#">
520              <img class="w-6 h-6" src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg" />
521</a>        </li>
522          <li
523            class="relative w-full"
524            data-controller="navbar-tooltip"
525            data-navbar-tooltip-tooltip-id-value="tooltip-image"
526          >
527            <div
528              id="tooltip-image"
529              role="tooltip"
530              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"
531            >
532              Generate Image
533            </div>
534            <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">
535              <img class="w-6 h-6" src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg" />
536</a>          </li>
537        <li
538          class="relative w-full"
539          data-controller="navbar-tooltip"
540          data-navbar-tooltip-tooltip-id-value="tooltip-character"
541        >
542          <div
543            id="tooltip-character"
544            role="tooltip"
545            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"
546          >
547            Create Character
548          </div>
549          <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="/characters/new">
550            <img class="w-6 h-6" src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" />
551</a>        </li>
552        <li
553          class="relative w-full"
554          data-controller="navbar-tooltip"
555          data-navbar-tooltip-tooltip-id-value="tooltip-my_ai"
556        >
557          <div
558            id="tooltip-my_ai"
559            role="tooltip"
560            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"
561          >
562            My AI
563          </div>
564          <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">
565            <img class="w-6 h-6" src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg" />
566</a>        </li>
567          <li
568            class="relative w-full"
569            data-controller="navbar-tooltip"
570            data-navbar-tooltip-tooltip-id-value="tooltip-private_content"
571          >
572            <div
573              id="tooltip-private_content"
574              role="tooltip"
575              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"
576            >
577              Private Content
578            </div>
579              <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="#">
580                <img class="w-6 h-6" src="/assets/heart-lock-c322a04a0a80c5ca1b50658063120fa33d2f209b5e0980e7be8e47cc9667f736.svg" />
581</a>          </li>
582
583        
584
585<li
586  class="relative w-full"
587  data-controller="navbar-tooltip"
588  data-navbar-tooltip-tooltip-id-value="tooltip-premium"
589>
590  <div
591    id="tooltip-premium"
592    role="tooltip"
593    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"
594  >
595    Become Premium
596  </div>
597    <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">
598      <img class="w-2.5 h-2.5 absolute left-[4px] top-[4px] transform scale-x-[-1]" src="/assets/promotions/icon-513af0057e4b673067a8049311ea31fe24a74b04337db95bf10d618a16abcfb7.svg" />
599      <img class="w-6 h-6" src="/assets/promotions/diamond-a039f6364c40ef964956407067f00bb72540562bfc3ca551b1ae10db3f29c08c.svg" />
600</a></li>
601
602    </ul>
603    </div>
604    <ul
605      role="list"
606      class="
607        flex flex-col gap-2 pt-6 px-6 border-[#363636] border-t items-center
608        justify-end shrink-0
609      "
610    >
611        <li class="relative w-full">
612          
613
614
615
616<button data-controller="toggle-modal"
617        data-action="toggle-modal#openModal"
618        data-toggle-modal-modal-outlet="#language-select-modal"
619        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">
620    <img class="h-[24px]" alt="en flag icon" src="/assets/sidebar-icons/en-337bbb31fb6de773da4d64ab2e9
6200f99d4706f32ade21156a47b8603dfeccb1e4.svg" />
621</button>
622
623        </li>
624      <li
625  class="relative w-full"
626  data-testid="sidebar-more-menu"
627  data-controller="sidebar-more-menu"
628  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"
629>
630    <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">
631      More
632    </div>
633  <button
634    type="button"
635    data-sidebar-more-menu-target="button"
636    data-action="click->sidebar-more-menu#toggle"
637    data-controller="navbar-tooltip" data-navbar-tooltip-tooltip-id-value="tooltip-more"
638    aria-haspopup="menu"
639    aria-expanded="false"
640    aria-controls="sidebar-more-menu-compact"
641    aria-label="More"
642    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]"
643  >
644    <img class="w-6 h-6" alt="" src="/assets/sidebar-icons/more-6f3c9c2566494b849d8726e7bc3d345a20ded262e1fdb20db1f45835eca060e9.svg" />
645  </button>
646  <div
647    id="sidebar-more-menu-compact"
648    role="menu"
649    popover="manual"
650    data-sidebar-more-menu-target="menu"
651    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"
652  >
653      <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">
654        <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/help-center-1abd5651dab8abd889622a19eb9821ab4c19bd275da4ac1b9717820842a98dd8.svg" />
655        <span>Help Center</span>
656</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">
657      <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/discord-526bbe3abf7210fa8bd8e76658d4df5a5c67d569f1349a2441b1d0bbd170c84d.svg" />
658      <span>Discord</span>
659</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">
660      <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/contact-c50065a887c8d0061543beceae78cec1bdaaac55ec7d37f11601912b3250e119.svg" />
661      <span>Contact Us</span>
662    </button>
663    <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">
664      <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/trophy-55ba15bcf830427b6fc776e11ff4465cce75c1c2a1a27ba0bd2eea0e5c03ff55.svg" />
665      <span>Affiliate</span>
666</a>  </div>
667</li>
668
669    </ul>
670  </nav>
671</div>
672
673        <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"
674     style="background: linear-gradient(0deg, #131313 0%, #131313 100%); max-height: 100vh">
675  <nav class="flex flex-col justify-between h-full">
676    <div class="flex flex-col flex-1 min-h-0">
677      <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">
678          <!-- Home Icon -->
679          <li class="relative w-full">
680            <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="/">
681              <img class="w-4 h-4" alt="Home" src="/assets/sidebar-icons/home-18a
6817d73adabda5674f78dab4a3d6b3acebbdbba31f0ad19053537dabffade496.svg" />
682              <span class="text-start text-grey-medium text-xxs font-medium leading-4">Home</span>
683</a>          </li>
684          <!-- Discover/Feed Icon -->
685          <li class="relative w-full">
686            <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">
687              <img class="w-4 h-4" alt="Discover" src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg" />
688              <span class="text-start text-grey-medium text-xxs font-medium leading-4">Discover</span>
689</a>          </li>
690          <!-- Shorts Icon -->
691          <li class="relative w-full">
692            <a data-turbo-frame="_top" class="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="/candy-shorts">
693              <img class="w-4 h-4" alt="Shorts" src="/assets/sidebar-icons/shorts-active-d87391fb4c634b244c7e1c80b1944af6d857c3b542ac401e1995d96e35e3e0ea.svg" />
694              <span class="text-start text-grey-medium text-xxs font-medium leading-4">Shorts</span>
695</a>          </li>
696        <li class="relative w-full">
697            <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="#">
698              <img class="w-4 h-4" src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg" alt="Chat">
699              <span class="text-start text-grey-medium text-xxs font-medium leading-4">Chat</span>
700</a>        </li>
701        <li class="relative w-full">
702            <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="#">
703              <img alt="Collection" class="w-4 h-4" src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg" />
704              <div class="text-start text-grey-medium text-xxs font-medium leading-4">Collection</div>
705</a>        </li>
706          <li class="relative w-full">
707            <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">
708              <img class="w-4 h-4" src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg" alt="Generate Image">
709              <div class="text-start text-grey-medium text-xxs font-medium leading-none">
710                Generate Image
711              </div>
712</a>          </li>
713        <li class="relative w-full">
714          <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="/characters/new">
715            <img class="w-4 h-4" src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" alt="Create Character">
716            <div class="text-start text-grey-medium text-xxs font-medium leading-none">
717              Create Character
718            </div>
719</a>        </li>
720        <li class="relative w-full">
721          <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">
722            <img class="w-4 h-4" src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg" alt="My AI">
723            <div class="text-start text-grey-medium text-xxs font-medium leading-none">
724              My AI
725            </div>
726</a>        </li>
727          <li class="relative w-full">
728              <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="#">
729                <img class="w-4 h-4" alt="Private Content" src="/assets/heart-lock-c322a04a0a80c5ca1b50658063120fa33d2f209b5e0980e7be8e47cc9667f736.svg" />
730                <div class="text-start text-grey-medium text-xxs font-medium leading-none">
731                  Private Content
732                </div>
733</a>          </li>
734
735        
736<li class="relative w-full">
737    <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">
738      <img class="w-2.5 h-2.5 absolute left-[4px] top-[4px] transform scale-x-[-1]" src="/assets/promotions/icon-513af0057e4b673067a8049311ea31fe24a74b04337db95bf10d618a16abcfb7.svg" />
739      <img class="w-4 h-4" src="/assets/promotions/diamond-a039f6364c40ef964956407067f00bb72540562bfc3ca551b1ae10db3f29c08c.svg" />
740      <div class="flex justify-between items-center w-full min-w-0">
741        <div class="text-start text-xxs font-medium leading-none truncate bg-linear-to-r from-[#F9D98E] to-[#D0B067] bg-clip-text text-transparent">
742          Premium
743        </div>
744        <span class="shrink-0 px-1 font-medium text-[10px] rounded-[10px] bg-[#B91923] text-white">
745          -70%
746        </span>
747      </div>
748</a></li>
749
750    </ul>
751    </div>
752    <ul role="list" class="flex flex-col gap-2 pt-6 px-6 border-[#363636] border-t items-center justify-end shrink-0">
753        <li class="relative w-full">
754          
755
756
757
758<button data-controller="toggle-modal"
759        data-action="toggle-modal#openModal"
760        data-toggle-modal-modal-outlet="#language-select-modal"
761        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">
762    <img class="w-[14px]" alt="en flag icon" src="/assets/sidebar-icons/en-337bbb31fb6de773da4d64ab2e90f99d4706f32ade21156a47b8603dfeccb1e4.svg" />
763    <div>English</div>
764</button>
765
766        </li>
767      <li
768  class="relative w-full"
769  data-testid="sidebar-more-menu"
770  data-controller="sidebar-more-menu"
771  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"
772>
773  <button
774    type="button"
775    data-sidebar-more-menu-target="button"
776    data-action="click->sidebar-more-menu#toggle"
777    
778    aria-haspopup="menu"
779    aria-expanded="false"
780    aria-controls="sidebar-more-menu-expanded"
781    aria-label="More"
782    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]"
783  >
784    <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/more-6f3c9c2566494b849d8726e7bc3d345a20ded262e1fdb20db1f45835eca060e9.svg" />
785      <span class="text-start text-grey-medium text-xs font-medium leading-4">More</span>
786  </button>
787  <div
788    id="sidebar-more-menu-expanded"
789    role="menu"
790    popover="manual"
791    data-sidebar-more-menu-target="menu"
792    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"
793  >
794      <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">
795        <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/help-center-1abd5651dab8abd889622a19eb9821ab4c19bd275da4ac1b9717820842a98dd8.svg" />
796        <span>Help Center</span>
797</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">
798      <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/discord-526bbe3abf7210fa8bd8e76658d4df5a5c67d569f1349a2441b1d0bbd170c84d.svg" />
799      <span>Discord</span>
800</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">
801      <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/contact-c50065a887c8d0061543beceae78cec1bdaaac55ec7d37f11601912b3250e119.svg" />
802      <span>Contact Us</span>
803    </button>
804    <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">
805      <img class="w-4 h-4" alt="" src="/assets/sidebar-icons/trophy-55ba15bcf830427b6fc776e11ff4465cce75c1c2a1a27ba0bd2eea0e5c03ff55.svg" />
806      <span>Affiliate</span>
807</a>  </div>
808</li>
809
810      <li class="text-[8px] flex text-grey-medium pt-3 w-full">
811        <a class="leading-none mr-2" href="/legal-information">Legal Terms</a>
812        <ul class="list-none">
813          <li class="flex items-center mr-2">
814            <span class="bg-white h-1 w-1 rounded-full mr-2"></span>
815            <a target="_blank" class="leading-none" href="https://helloeverai.zendesk.com/">Trust &amp; Safety</a>
816          </li>
817        </ul>
818      </li>
819    </ul>
820  </nav>
821</div>
822
823        <div
824  data-main-target="mainMobileSidebarContainer"
825  data-action="click->main#setMobileSidebarValueToDefault"
826  data-testid="new-shell-mobile-drawer"
827  class="
828    inset-y-0 w-[100vw] z-[110] pr-[40vw] no-scroll fixed left-0
829    webkit-transition-sidebar webkit-transform-sidebar
830  "
831>
832  <nav
833    class="flex flex-col justify-between h-full w-60"
834  >
835    <div class="flex flex-col justify-between h-full">
836      <ul
837        role="list"
838        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"
839      >
840            <!-- Home Icon -->
841            <li class="relative w-full">
842              <a class="w-full flex justify-start items-center gap-2.5" href="/">
843                <img class="w-5 h-5" alt="Home" src="/assets/sidebar-icons/home-18a7d73adabda5674f78dab4a3d6b3acebbdbba31f0ad19053537dabffade496.svg" />
844                <span class="text-start text-grey-medium text-xs font-semibold">Home</span>
845</a>            </li>
846            <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
847            <!-- Discover/Feed Icon -->
848            <li class="relative w-full">
849              <a class="w-full flex justify-start items-center gap-2.5" href="/feed/posts">
850                <img class="w-5 h-5" alt="Discover" src="/assets/sidebar-icons/explore-3a4a39d3c6126c743969aa14b3a4841763f5b600e0f77e317a32d7c30afbcc13.svg" />
851                <span class="text-start text-grey-medium text-xs font-semibold">Discover</span>
852</a>            </li>
853            <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
854            <!-- Shorts Icon -->
855            <li class="relative w-full">
856              <a data-turbo-frame="_top" class="w-full flex justify-start items-center gap-2.5" href="/candy-shorts">
857                <img class="w-5 h-5" alt="Shorts" src="/assets/sidebar-icons/shorts-active-d87391fb4c634b244c7e1c80b1944af6d857c3b542ac401e1995d96e35e3e0ea.svg" />
858                <span class="text-start text-grey-medium text-xs font-semibold">Shorts</span>
859</a>            </li>
860            <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
861          <li class="relative w-full">
862              <a data-action="click-&gt;main#closeMobileMenuAndOpenRegistrationModal" class="justify-start items-center gap-2.5 flex mx-auto cursor-pointer" href="#">
863                <img class="w-5 h-5" alt="Chat" src="/assets/sidebar-icons/chat-1f356f466c9023c851a3a185fd1e607229737246758457a3f49b82e17bc5d82b.svg" />
864                <div class="text-start text-grey-medium text-xs font-semibold">
865                  Chat
866                </div>
867</a>          </li>
868          <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
869          <li class="relative w-full">
870              <a data-action="click-&gt;main#openRegistrationModal" class="justify-start items-center gap-2.5 flex mx-auto cursor-pointer" href="#">
871                <img alt="Collection" class="w-5 h-5" src="/assets/sidebar-icons/gallery-b83c72cb24c980d5e254daba38d4e3690f281b07c3e5665a052e0f76fff031b8.svg" />
872                <div class="text-start text-grey-medium text-xs font-semibold">
873                  Collection
874                </div>
875</a>          </li>
876            <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
877            <li class="relative w-full">
878              <a data-turbo-frame="_top" class="relative justify-start items-center gap-2.5 flex mx-auto" href="/generate-image?origin=sidebar">
879                <img class="w-5 h-5" alt="Generate Image" src="/assets/home/generate-33f95391d5d800565b7ea9ba3f6effa0a3d0a2b2eeafdba4ccc526aef7ae3498.svg" />
880                <div class="text-start text-grey-medium text-xs font-semibold">
881                  Generate Image
882                </div>
883</a>            </li>
884          <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
885          <li class="relative w-full">
886            <a data-turbo-frame="_top" class="relative justify-start items-center gap-2.5 flex mx-auto" href="/characters/new">
887              <img class="w-5 h-5" alt="Create Character" src="/assets/home/magic-wand-bc43a2a37c108cc6308370c0e6fada5385fd848143063f66116694fd9aa075b7.svg" />
888              <div class="text-start text-grey-medium text-xs font-semibold">
889                Create Character
890              </div>
891</a>          </li>
892          <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
893          <li class="relative w-full">
894            <a data-turbo-frame="_top" class="justify-start items-center gap-2.5 flex mx-auto" href="/characters">
895              <img class="w-5 h-5" alt="My AI" src="/assets/sidebar-icons/love-lady-760605daa886b7e49e77d5d26c1047bc0f815c005a978a5c76810db20bc355dd.svg" />
896              <div class="text-start text-grey-medium text-xs font-semibold">
897                My AI
898              </div>
899</a>          </li>
900            <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
901            <li class="relative w-full">
902                <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="#">
903                  <img class="w-5 h-5" alt="Private Content" src="/assets/heart-lock-c322a04a0a80c5ca1b50658063120fa33d2f209b5e0980e7be8e47cc9667f736.svg" />
904                  <div class="text-start text-grey-medium text-xs font-semibold">
905                    Private Content
906                  </div>
907</a>            </li>
908          <li class="w-full h-px bg-white/10 shrink-0" aria-hidden="true"></li>
909
910          
911<li class="relative w-full">
912    <a data-turbo-frame="_top" class="w-full justify-start items-center gap-2.5 flex mx-auto" href="/subscriptions">
913      <img class="w-2.5 h-2.5 absolute left-0 -top-[3px] transform scale-x-[-1]" src="/assets/promotions/icon-513af0057e4b673067a8049311ea31fe24a74b04337db95bf10d618a16abcfb7.svg" />
914      <img class="w-5 h-5" src="/assets/promotions/diamond-a039f6364c40ef964956407067f00bb72540562bfc3ca551b1ae10db3f29c08c.svg" />
915      <div class="text-start text-xs font-semibold bg-linear-to-r from-[#F9D98E] to-[#D0B067] bg-clip-text text-transparent">
916        Premium
917      </div>
918      <span class="ml-auto px-1 font-medium text-[10px] rounded-[10px] bg-[#B91923] text-white">
919        -70%
920      </span>
921</a></li>
922
923      </ul>
924      <div class="py-2.5 px-5 flex flex-col justify-center items-center gap-2.5 border-t border-[#2F2F32] bg-[#1E1E1E]">
925        <div class="py-1 px-2.5 w-full rounded-[10px] border border-grey-default justify-start items-center flex md:hidden">
926          
927
928<div class="flex md:hidden w-full gender-interest-switch-dropdown" 
929     data-controller="home--gender-dropdown"
930     data-home--gender-dropdown-current-gender-value="female"
931     data-home--gender-dropdown-sidebar-value="true"
932     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;}}"
933>
934  <div class="relative w-full">
935    <button type="button"
936            class="w-full bg-transparent rounded-[10px] flex items-center justify-center gap-[3px] transition-colors"
937            data-action="click->home--gender-dropdown#toggle"
938            data-home--gender-dropdown-target="button">
939      <div class="w-6 h-6 flex items-center justify-center" data-home--gender-dropdown-target="currentIconContainer">
940        <img class="w-full h-full hidden female-grey" src="/assets/icons/gender_switch/female-grey-f8778c0424271c5cb4b1b50b2e50d7e8d5a2c79851c6f905e5d3ef4069956bef.svg" />
941        <img class="w-full h-full hidden female-white" src="/assets/icons/gender_switch/female-white-b6edc81820cdf305c0e1644c0c5d2124b2aa2ecef701a01eff46baad9a05dd26.svg" />
942        <img class="w-full h-full hidden male-grey" src="/assets/icons/gender_switch/male-grey-48c8b386c214b3f674b7ef04bc51c9f7e967c49023e308fc58032fa0cc10c2e7.svg" />
943        <img class="w-full h-full hidden male-white" src="/assets/icons/gender_switch/male-white-b1c60bef78d9065208e08ef4f03bea1d2d50bc8b33c3fb2fe9361a3c83646a92.svg" />
944        <img class="w-full h-full hidden anime-grey" src="/assets/icons/gender_switch/anime-grey-1f1c9de8c17364c1634470e5d2ab1d4d05109fa8e80c1e1b83ac0478eb2d5dac.svg" />
945        <img class="w-full h-full hidden anime-white" src="/assets/icons/gender_switch/anime-white-02986b4e7107a1be01a284a4818231a6edf19aa880d8a9680fb1a7874416f532.svg" />
946      </div>
947        <div class="flex items-center gap-1">
948          <span class="text-white text-sm font-medium">
949            Category:
950          </span>
951          <span class="text-white text-sm font-light" data-home--gender-dropdown-target="currentGenderLabel">
952            Girls
953          </span>
954        </div>
955      <div class="w-3 h-3 flex items-center justify-center transition-transform duration-200 ml-auto" data-home--gender-dropdown-target="chevron">
956        <img class="w-full h-full" data-home--gender-dropdown-target="chevronIconGrey" src="/assets/icons/gender_switch/vector-down-grey-ac9e18f44b255e3510c3e32a682be2b5f5f736fb7b6c7df2d867107522ebdd5d.svg" />
957        <img class="hidden w-full h-full" data-home--gender-dropdown-target="chevronIconWhite" src="/assets/icons/gender_switch/vector-down-white-2dab083dc5b94101cb4ba00b20dc10b922ed7f3368883466624738676b93d0c3.svg" />
958      </div>
959    </button>
960
961    <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"
962         data-home--gender-dropdown-target="menu">
963      <div class="flex flex-col gap-4 px-4 py-[14px]">
964          <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">
965            <div class="w-6 h-6 flex items-center justify-center">
966              <img class="w-full h-full" alt="female icon" src="/assets/icons/gender_switch/female-white-b6edc81820cdf305c0e1644c0c5d2124b2aa2ecef701a01eff46baad9a05dd26.svg" />
967            </div>
968            <span class="text-white text-base font-medium">
969              Girls
970            </span>
971</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">
972            <div class="w-6 h-6 flex items-center justify-center">
973              <img class="w-full h-full" alt="anime icon" src="/assets/icons/gender_switch/anime-white-02986b4e7107a1be01a284a4818231a6edf19aa880d8a9680fb1a7874416f532.svg" />
974            </div>
975            <span class="text-white text-base font-medium">
976              Anime
977            </span>
978</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">
979            <div class="w-6 h-6 flex items-center justify-center">
980              <img class="w-full h-full" alt="male icon" src="/assets/icons/gender_switch/male-white-b1c60bef78d9065208e08ef4f03bea1d2d50bc8b33c3fb2fe9361a3c83646a92.svg" />
981            </div>
982            <span class="text-white text-base font-medium">
983              Guys
984            </span>
985</a>      </div>
986    </div>
987  </div>
988</div>
989
990        </div>
991        <div class="grid grid-cols-2 gap-2.5 w-full">
992          <div class="px-2 py-1.5 min-h-8 min-w-0 rounded-lg border border-grey-default justify-center items-center flex">
993            <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>
994          </div>
995            <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="#">
996              <span class="min-w-0 truncate text-center text-neutral-200 text-[11px] font-medium">
997                Contact Us
998              </span>
999</a>        </div>
1000
1001        <div class="grid grid-cols-2 gap-2.5 w-full">
1002          <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">
1003            <span class="min-w-0 truncate text-center text-neutral-200 text-[11px] font-medium">
1004              Affiliate
1005            </span>
1006</a>            
1007
1008
1009
1010<button data-controller="toggle-modal"
1011        data-action="toggle-modal#openModal"
1012        data-toggle-modal-modal-outlet="#language-select-modal"
1013        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">
1014    <img class="w-[14px]" alt="en flag icon" src="/assets/sidebar-icons/en-337bbb31fb6de773da4d64ab2e90f99d4706f32ade21156a47b8603dfeccb1e4.svg" />
1015    <div>EN</div>
1016    <img class="w-3.5" src="/assets/chats/ask-arrow-5e9e3d502459a09cc6f7a6face21c887f7e5ff747265bdf33f1cc5eb16098469.svg" />
1017</button>
1018
1019        </div>
1020
1021        <div class="justify-start items-center gap-1 inline-flex">
1022          <a class="text-neutral-300 text-4xs font-medium" href="/legal-information">Legal Terms</a>
1023          <div class="w-1 h-1 bg-zinc-300 rounded-full"></div>
1024          <a target="_blank" class="text-neutral-300 text-4xs font-medium" href="https://helloeverai.zendesk.com/">Trust &amp; Safety</a>
1025            <div class="w-1 h-1 bg-zinc-300 rounded-full"></div>
1026            <a target="_blank" class="text-neutral-300 text-4xs font-medium" href="https://everai.zendesk.com/hc/en-us">Help Center</a>
1027        </div>
1028      </div>
1029    </div>
1030  </nav>
1031</div>
1032
1033<style>
1034  .no-scroll {
1035      overflow: hidden;
1036      /* Optional: to ensure the layout doesn't shift due to the scrollbar disappearing */
1037      padding-right: calc(env(safe-area-inset-right, 0px) + (100vw - 100%));
1038  }
1039</style>
1040
1041        <div class="z-40 w-full" id="navbar" data-testid="new-shell-navbar">
1042  
1043
1044
1045  <div
1046    class="new-shell-navbar fixed top-0 z-40 w-full flex md:h-[calc(64px+e
1046nv(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 hidden lg:flex top-0!"
1047    data-mobile-scroll-behavior-target="navbar"
1048    data-mobile-navbar-visibility-target="navbar"
1049    data-pwa-target="navbar"
1050  >
1051    <button
1052      id="nav-hamburger"
1053      type="button"
1054      class="relative py-2 sm:mr-0 md:mr-[10px] mr-0 text-gray-700 nav-hamburger"
1055    >
1056      <span class="sr-only">Open sidebar</span>
1057
1058      <svg
1059        class="w-8 h-8 mr-1 text-white nav-hamburger"
1060        data-action="click->main#handleMenuClick"
1061        fill="none"
1062        viewBox="0 0 24 24"
1063        stroke-width="1.5"
1064        stroke="currentColor"
1065        aria-hidden="true"
1066      >
1067        <path
1068          stroke-linecap="round"
1069          stroke-linejoin="round"
1070          d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
1071        />
1072      </svg>
1073    </button>
1074
1075
1076    <a href="/">
1077      <img alt="CandyAI" class="h-[30px] w-[100px]" src="/assets/logos/logo-navbar-d321c31d58617371f7caf9e34a4e3f9624dce580afcceb6fecdf48c78beafd83.svg" />
1078</a>
1079
1080    
1081
1082    <div class="flex self-stretch flex-1 items-center justify-end pl-5 md:pl-0 gap-x-2 lg:gap-x-4">
1083        <div class="flex items-center gap-x-2 md:hidden" data-testid="new-shell-guest-actions-mobile">
1084  <div
1085    data-action="click->main#openSignInModal"
1086    class="h-[34px] px-[13px] border border-white/[.22] text-white rounded-[100px] justify-center items-center inline-flex cursor-pointer"
1087  >
1088    <div class="text-[13px] font-semibold leading-[18px] whitespace-nowrap">
1089      Login
1090    </div>
1091  </div>
1092
1093  <div
1094    data-redirect-url="https://candy.ai/candy-shorts"
1095    data-action="click->main#openRegistrationModal"
1096    data-main-target="registerButton"
1097    class="h-[34px] px-[13px] bg-[#ee5876] rounded-[100px] justify-center items-center inline-flex cursor-pointer"
1098  >
1099    <div class="text-[13px] font-semibold leading-[18px] text-white whitespace-nowrap">
1100      Join Free
1101    </div>
1102  </div>
1103</div>
1104
1105<div class="hidden md:flex items-center gap-x-2" data-testid="new-shell-guest-actions-desktop">
1106  <div
1107    data-redirect-url="https://candy.ai/candy-shorts"
1108    data-action="click->main#openRegistrationModal"
1109    data-main-target="registerButton"
1110    class="h-[34px] px-[13px] bg-[#ee5876] rounded-[100px] justify-center items-center inline-flex cursor-pointer"
1111  >
1112    <div class="text-[13px] font-semibold leading-[18px] text-white whitespace-nowrap">
1113      Create Free Account
1114    </div>
1115  </div>
1116
1117  <div
1118    data-action="click->main#openSignInModal"
1119    class="h-[34px] px-[13px] border border-white/[.22] text-white rounded-[100px] justify-center items-center inline-flex cursor-pointer"
1120  >
1121    <div class="text-[13px] font-semibold leading-[18px] whitespace-nowrap">
1122      Login
1123    </div>
1124  </div>
1125</div>
1126
1127    </div>
1128  </div>
1129</div>
1130
1131        
1132      
1133<div id="ios-modal"
1134    data-controller="modal-component"
1135    data-modal-component-target="modal"
1136    data-modal-component-delay-value="0"
1137    data-modal-component-click-outside-value="true"
1138    data-modal-component-escape-closes-value="true"
1139    data-modal-component-after-close-value="{&quot;show_again_after_seconds&quot;:null,&quot;expires_at&quot;:null}"
1140    data-modal-component-track-mixpanel-value="false"
1141    data-modal-component-mixpanel-data-value=""
1142    data-modal-component-initial-state-value="closed"
1143    data-modal-component-persist-on-cache-value="false"
1144    class="hidden">
1145  <div class="fixed inset-0 z-50 modal-backdrop bg-black/50 backdrop-blur-xs"></div>
1146  <div class="fixed inset-0 z-50 overflow-y-auto flex justify-center items-center">
1147    <div class="relative flex justify-center items-center" data-modal-component-target="modalWindow">
1148        <button class="absolute w-6 h-6 z-50 top-2 right-2" data-action="click->modal-component#closeModal">
1149          <span class="sr-only">Close</span>
1150          <img src="/assets/close-ec898236eb501d13f4d1343d4a90ed1c0afec71efde2ed1e606916d52f2c5331.svg" />
1151        </button>
1152      <div class=""></div>
1153      <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]">
1154        <div class="flex flex-col justify-between z-30 flex flex-col justify-center items-center text-center w-full">
1155            <div class="flex flex-col items-center justify-center w-full text-center bg-[#3B3B3B] rounded-lg">
1156    <figure class="w-full max-w-[400px]">
1157      <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" />
1158    </figure>
1159
1160    <div class="w-full mt-3 flex flex-col">
1161      <h2 class="pt-5 text-white font-bold text-[14px] w-72 self-center">
1162        Get App to Receive Notifications from:
1163      </h2>
1164
1165      <section class="mx-5 my-3 bg-[#2E2E2E] rounded-lg p-3">
1166        <ul class="text-white text-[14px] gap-4 py-2 flex flex-col items-start">
1167          <li class="flex items-center gap-2">
1168            <img alt="New Features" src="/assets/pwa/modal-images/new-features-8d91d4198e6b9ca53df4c77ffeacf3a41d166f3675dcd33b9a52d71fd65e1f5a.svg" />
1169            <span>New Features</span>
1170          </li>
1171          <li class="flex items-center gap-2">
1172            <img alt="Sales and Discounts" src="/assets/pwa/modal-images/tag-3b4615afb2263a898e01967bc8206310c216fa40f33f4a7e416f66e38325e5a9.svg" />
1173            <span>Sales and Discounts</span>
1174          </li>
1175          <li class="flex items-center gap-2">
1176            <img alt="New Messages" src="/assets/pwa/modal-images/bubble-wide-notification-7b701200e5b8473f565530a160416620ff0a7ae20ba0db8f17da785808db5e13.svg" />
1177            <span>New Messages</span>
1178          </li>
1179        </ul>
1180      </section>
1181
1182      <section class="text-white text-[14px] flex flex-col justify-center gap-2 my-3 py-2 px-5">
1183        <ul class="flex flex-col gap-2">
1184          <li class="flex items-center gap-2">
1185            <span>1. Tap “Share”</span>
1186            <img alt="Share" src="/assets/pwa/modal-images/share-51f21c50ebd8708b137170cfa439749d647335c9d19877b6741808fb566835f8.svg" />
1187            <span
1188              data-pwa-target="modalInstructions"
1189              data-safari-instruction="below"
1190              data-chrome-instruction="Top right"
1191            ></span>
1192          </li>
1193          <li class="flex items-center gap-2">
1194            <span>
1195              2. Tap “Add to Home Screen”
1196            </span>
1197            <img alt="Add to Home Screen" src="/assets/pwa/modal-images/add-to-home-d9bf063fa60ea41fa35551f89de965f8afaad1139f6024f5bacc4d9bbae90ea2.svg" />
1198          </li>
1199        </ul>
1200      </section>
1201    </div>
1202  </div>
1203
1204        </div>
1205      </div>
1206    </div>
1207  </div>
1208</div>
1209
1210
1211      
1212<div id="android-chrome-modal"
1213    data-controller="modal-component"
1214    data-modal-component-target="modal"
1215    data-modal-component-delay-value="0"
1216    data-modal-component-click-outside-value="true"
1217    data-modal-component-escape-closes-value="true"
1218    data-modal-component-after-close-value="{&quot;show_again_after_seconds&quot;:null,&quot;expires_at&quot;:null}"
1219    data-modal-component-track-mixpanel-value="false"
1220    data-modal-component-mixpanel-data-value=""
1221    data-modal-component-initial-state-value="closed"
1222    data-modal-component-persist-on-cache-value="false"
1223    class="hidden">
1224  <div class="fixed inset-0 z-50 modal-backdrop bg-black/50 backdrop-blur-xs"></div>
1225  <div class="fixed inset-0 z-50 overflow-y-auto flex justify-center items-center">
1226    <div class="relative flex justify-center items-center" data-modal-component-target="modalWindow">
1227        <button class="absolute w-6 h-6 z-50 top-2 right-2" data-action="click->modal-component#closeModal">
1228          <span class="sr-only">Close</span>
1229          <img src="/assets/close-ec898236eb501d13f4d1343d4a90ed1c0afec71efde2ed1e606916d52f2c5331.svg" />
1230        </button>
1231      <div class=""></div>
1232      <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]">
1233        <div class="flex flex-col justify-between z-30 flex flex-col justify-center items-center text-center w-full">
1234            <div class="flex flex-col items-center justify-center w-full text-center bg-[#3B3B3B] rounded-lg">
1235    <figure class="w-full max-w-[400px] relative">
1236      <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" />
1237    </figure>
1238
1239    <div class="w-full mt-3 flex flex-col">
1240      <div class="pt-5 pb-3 text-white font-bold text-[14px] w-72 self-center">
1241        Get App to Receive Notifications from:
1242      </div>
1243
1244      <section class="mx-5 my-3 bg-[#2E2E2E] rounded-lg p-3">
1245        <ul class="text-white text-[14px] gap-4 py-2 flex flex-col items-start">
1246          <li class="flex items-center gap-2">
1247            <img alt="New Messages" src="/assets/pwa/modal-images/bubble-wide-notification-7b701200e5b8473f565530a160416620ff0a7ae20ba0db8f17da785808db5e13.svg" />
1248            <span>New Messages</span>
1249          </li>
1250          <li class="flex items-center gap-2">
1251            <img alt="New Features" src="/assets/pwa/modal-images/new-features-8d91d4198e6b9ca53df4c77ffeacf3a41d166f3675dcd33b9a52d71fd65e1f5a.svg" />
1252            <span>New Features</span>
1253          </li>
1254          <li class="flex items-center gap-2">
1255            <img alt="Sales and Discounts" src="/assets/pwa/modal-images/tag-3b4615afb2263a898e01967bc8206310c216fa40f33f4a7e416f66e38325e5a9.svg" />
1256            <span>Sales and Discounts</span>
1257          </li>
1258        </ul>
1259      </section>
1260
1261      <section class="text-white text-[14px] flex flex-col justify-center gap-2 my-5 py-2 px-5">
1262        <ul class="flex flex-col gap-2">
1263          <li class="flex items-center gap-2">
1264            <span>
1265              1. Tap
1266            </span>
1267            <img alt="Menu" src="/assets/pwa/modal-images/dots-2a69a24f9e943ecc76c29829e83f34ea204254c54945cf142d3ddb9555aec149.svg" />
1268            <span>
1269              in your browser
1270            </span>
1271          </li>
1272          <li class="flex items-center gap-2">
1273            <span>
1274              2. Tap “Add to Home Screen”
1275            </span>
1276            <img alt="Add to Home Screen" src="/assets/pwa/modal-images/add-to-home-android-a92441e4d8c5071e7327003c070dc41072370f91a4875b08f1f2d28b0daee6c2.svg" />
1277          </li>
1278        </ul>
1279      </section>
1280    </div>
1281  </div>
1282
1283        </div>
1284      </div>
1285    </div>
1286  </div>
1287</div>
1288
1289
1290        <div id="auth-register-modal"></div>
1291        <div id="auth-sign-in-modal"></div>
1292          <div
1293            data-controller="google-one-tap"
1294            data-google-one-tap-client-id-value="32125887183-stf7cldb13ntpb3btishc4b8cfsg3n6t.apps.googleusercontent.com"
1295            data-google-one-tap-url-value="/users/auth/google_one_tap"
1296            data-google-one-tap-store-url-in-cookie-url-value="/store_url_in_cookie"
1297          ></div>
1298
1299    
1300    
1301
1302    <div class="main-content-container" data-main-target="contentContainer">
1303
1304
1305      
1306<main class="ml-0 lg:ml-[100px] h-full pb-[calc(70px+env(safe-area-inset-bottom)+1rem)] lg:pb-0 mt-0 lg:mt-16" tabindex="-1" data-controller="candy-shorts--library candy-shorts--library-filters" data-action="shorts:open-registration@document-&gt;main#openRegistrationModal shorts:sale-cleared@document-&gt;candy-shorts--sale#clear candy-shorts--sale:expired-&gt;candy-shorts--library-filters#saleExpired" data-candy-shorts--library-filters-scope-value="all" data-candy-shorts--library-filters-tag-value="all" data-candy-shorts--library-filters-hidden-class="hidden">
1307    
1308
1309  <div class="px-[10px] pb-4 md:px-4 md:pb-6 lg:px-[105px] pt-[calc(env(safe-area-inset-top)+1rem)] md:pt-[calc(env(safe-area-inset-top)+1.5rem)] lg:pt-6">
1310    <div class="mx-auto flex max-w-[1296px] flex-col lg:max-w-7xl">
1311        <h1 class="sr-only">Candy Shorts</h1>
1312
1313
1314      <div
1315  class="
1316    sticky z-20 bg-[#0d0a0f]/85 pb-3 pt-1 backdrop-blur-md
1317    order-1 mb-5 lg:mb-7
1318    -mx-[10px] top-[env(safe-area-inset-top)] px-[10px] md:-mx-4 md:px-4 lg:-mx-6 lg:px-6 lg:top-16
1319  "
1320>
1321  <div
1322    class="mx-auto flex max-w-7xl flex-col gap-3"
1323    data-controller="scroll-fade"
1324    data-scroll-fade-mask-value="true"
1325  >
1326    <div
1327      class="
1328        flex items-stretch border-b border-white/5
1329        -mx-[10px] px-[10px] md:-mx-4 md:px-4 lg:-mx-6 lg:px-6
1330      "
1331    >
1332        <a class="mr-3 flex shrink-0 items-center self-center" aria-label="Back to home" href="/">
1333          <span
1334            class="
1335              flex size-8 items-center justify-center rounded-full
1336              bg-white/[0.08] lg:size-11
1337            "
1338          >
1339            <img class="size-3.5 lg:size-4" alt="" aria-hidden="true" src="/assets/icons/chevron_left-de2998a1c014f985d6671bd37486b618f48fd968ae90aa918c13405ce9b8fcf5.svg" />
1340          </span>
1341</a>
1342      <div
1343        role="tablist"
1344        aria-label="Character type"
1345        class="cs-filter-scroller hide-scrollbar flex min-w-0 flex-1 items-center gap-6 overflow-x-auto"
1346        data-scroll-fade-target="scrollContainer"
1347      >
1348          <button
1349            type="button"
1350            role="tab"
1351            aria-selected="true"
1352            class="
1353              group relative shrink-0 whitespace-nowrap pb-2.5 pt-1
1354              text-sm md:text-md font-medium text-white/50 cursor-pointer
1355              transition-colors duration-200
1356              hover:text-white aria-selected:text-white
1357            "
1358            data-candy-shorts--library-filters-target="scopeTab"
1359            data-action="click->
1359candy-shorts--library-filters#selectScope"
1360            data-candy-shorts--library-filters-scope-param="all"
1361          >
1362            All
1363
1364            <span
1365              class="
1366                absolute inset-x-0 bottom-0 h-[2.5px] rounded-full bg-gradient-pink-cta
1367                opacity-0 transition-opacity duration-200 group-aria-selected:opacity-100
1368              "
1369              aria-hidden="true"
1370            ></span>
1371          </button>
1372          <button
1373            type="button"
1374            role="tab"
1375            aria-selected="false"
1376            class="
1377              group relative shrink-0 whitespace-nowrap pb-2.5 pt-1
1378              text-sm md:text-md font-medium text-white/50 cursor-pointer
1379              transition-colors duration-200
1380              hover:text-white aria-selected:text-white
1381            "
1382            data-candy-shorts--library-filters-target="scopeTab"
1383            data-action="click->candy-shorts--library-filters#selectScope"
1384            data-candy-shorts--library-filters-scope-param="creators"
1385          >
1386            Candy Creators
1387
1388            <span
1389              class="
1390                absolute inset-x-0 bottom-0 h-[2.5px] rounded-full bg-gradient-pink-cta
1391                opacity-0 transition-opacity duration-200 group-aria-selected:opacity-100
1392              "
1393              aria-hidden="true"
1394            ></span>
1395          </button>
1396          <button
1397            type="button"
1398            role="tab"
1399            aria-selected="false"
1400            class="
1401              group relative shrink-0 whitespace-nowrap pb-2.5 pt-1
1402              text-sm md:text-md font-medium text-white/50 cursor-pointer
1403              transition-colors duration-200
1404              hover:text-white aria-selected:text-white
1405            "
1406            data-candy-shorts--library-filters-target="scopeTab"
1407            data-action="click->candy-shorts--library-filters#selectScope"
1408            data-candy-shorts--library-filters-scope-param="candy"
1409          >
1410            Candy characters
1411
1412            <span
1413              class="
1414                absolute inset-x-0 bottom-0 h-[2.5px] rounded-full bg-gradient-pink-cta
1415                opacity-0 transition-opacity duration-200 group-aria-selected:opacity-100
1416              "
1417              aria-hidden="true"
1418            ></span>
1419          </button>
1420          <button
1421            type="button"
1422            role="tab"
1423            aria-selected="false"
1424            class="
1425              group relative shrink-0 whitespace-nowrap pb-2.5 pt-1
1426              text-sm md:text-md font-medium text-white/50 cursor-pointer
1427              transition-colors duration-200
1428              hover:text-white aria-selected:text-white
1429            "
1430            data-candy-shorts--library-filters-target="scopeTab"
1431            data-action="click->candy-shorts--library-filters#selectScope"
1432            data-candy-shorts--library-filters-scope-param="other"
1433          >
1434            Other characters
1435
1436            <span
1437              class="
1438                absolute inset-x-0 bottom-0 h-[2.5px] rounded-full bg-gradient-pink-cta
1439                opacity-0 transition-opacity duration-200 group-aria-selected:opacity-100
1440              "
1441              aria-hidden="true"
1442            ></span>
1443          </button>
1444      </div>
1445    </div>
1446
1447    <div
1448      role="tablist"
1449      aria-label="Categories"
1450      class="
1451        cs-filter-scroller hide-scrollbar flex snap-x items-center gap-2 overflow-x-auto
1452        -mx-[10px] px-[10px] scroll-pl-[10px] md:-mx-4 md:px-4 md:scroll-pl-4 lg:-mx-6 lg:px-6 lg:scroll-pl-6
1453      "
1454      data-scroll-fade-target="scrollContainer"
1455    >
1456
1457        <button
1458          type="button"
1459          role="tab"
1460          aria-selected="true"
1461          class="
1462            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1463            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1464            transition-all duration-200 cursor-pointer
1465            hover:bg-white/10 hover:text-white
1466            aria-selected:border-transparent aria-selected:bg-white
1467            aria-selected:font-semibold aria-selected:text-black
1468            
1469          "
1470          data-candy-shorts--library-filters-target="tagPill"
1471          data-scroll-fade-target="visibilityContainer"
1472          data-action="click->
1472candy-shorts--library-filters#selectTag"
1473          data-candy-shorts--library-filters-tag-param="all"
1474          data-candy-shorts--library-filters-scopes="all creators candy other"
1475        >
1476
1477          <span>All</span>
1478
1479        </button>
1480
1481
1482        <button
1483          type="button"
1484          role="tab"
1485          aria-selected="false"
1486          class="
1487            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1488            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1489            transition-all duration-200 cursor-pointer
1490            hover:bg-white/10 hover:text-white
1491            aria-selected:border-transparent aria-selected:bg-white
1492            aria-selected:font-semibold aria-selected:text-black
1493            
1494          "
1495          data-candy-shorts--library-filters-target="tagPill"
1496          data-scroll-fade-target="visibilityContainer"
1497          data-action="click->candy-shorts--library-filters#selectTag"
1498          data-candy-shorts--library-filters-tag-param="new"
1499          data-candy-shorts--library-filters-scopes="all creators candy other"
1500        >
1501
1502          <span>New</span>
1503
1504        </button>
1505
1506
1507        <button
1508          type="button"
1509          role="tab"
1510          aria-selected="false"
1511          class="
1512            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1513            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1514            transition-all duration-200 cursor-pointer
1515            hover:bg-white/10 hover:text-white
1516            aria-selected:border-transparent aria-selected:bg-white
1517            aria-selected:font-semibold aria-selected:text-black
1518            
1519          "
1520          data-candy-shorts--library-filters-target="tagPill"
1521          data-scroll-fade-target="visibilityContainer"
1522          data-action="click->candy-shorts--library-filters#selectTag"
1523          data-candy-shorts--library-filters-tag-param="adult"
1524          data-candy-shorts--library-filters-scopes="all candy other creators"
1525        >
1526            <span aria-hidden="true">🔥</span>
1527
1528          <span>Spicy</span>
1529
1530            <span
1531              class="
1532                rounded bg-[#ff1f30] px-1.5 py-0.5 text-[10px] font-bold
1533                uppercase leading-none text-white
1534              "
1535            >
1536              New
1537            </span>
1538        </button>
1539
1540
1541        <button
1542          type="button"
1543          role="tab"
1544          aria-selected="false"
1545          class="
1546            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1547            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1548            transition-all duration-200 cursor-pointer
1549            hover:bg-white/10 hover:text-white
1550            aria-selected:border-transparent aria-selected:bg-white
1551            aria-selected:font-semibold aria-selected:text-black
1552            
1553          "
1554          data-candy-shorts--library-filters-target="tagPill"
1555          data-scroll-fade-target="visibilityContainer"
1556          data-action="click->candy-shorts--library-filters#selectTag"
1557          data-candy-shorts--library-filters-tag-param="sister"
1558          data-candy-shorts--library-filters-scopes="all candy creators other"
1559        >
1560
1561          <span>Stepsister</span>
1562
1563        </button>
1564
1565
1566        <button
1567          type="button"
1568          role="tab"
1569          aria-selected="false"
1570          class="
1571            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1572            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1573            transition-all duration-200 cursor-pointer
1574            hover:bg-white/10 hover:text-white
1575            aria-selected:border-transparent aria-selected:bg-white
1576            aria-selected:font-semibold aria-selected:text-black
1577            
1578          "
1579          data-candy-shorts--library-filters-target="tagPill"
1580          data-scroll-fade-target="visibilityContainer"
1581          data-action="click->candy-shorts--library-filters#selectTag"
1582          data-candy-shorts--library-filters-tag-param="milf"
1583          data-candy-shorts--library-filters-scopes="all candy other creators"
1584        >
1585
1586          <span>Milf</span>
1587
1588        </button>
1589
1590
1591        <button
1592          type="button"
1593          role="tab"
1594          aria-selected="false"
1595          class="
1596            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1597            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1598            transition-all duration-200 cursor-pointer
1599            hover:bg-white/10 hover:text-white
1600            aria-selected:border-transparent aria-selected:bg-white
1601            aria-selected:font-semibold aria-selected:text-black
1602            
1603          "
1604          data-candy-shorts--library-filters-target="tagPill"
1605          data-scroll-fade-target="visibilityContainer"
1606          data-action="click->candy-shorts--library-filters#selectTag"
1607          data-candy-shorts--library-filters-tag-param="cuck"
1608          data-candy-shorts--library-filters-scopes="all candy other"
1609        >
1610
1611          <span>Cuckold</span>
1612
1613        </button>
1614
1615
1616        <button
1617          type="button"
1618          role="tab"
1619          aria-selected="false"
1620          class="
1621            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1622            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1623            transition-all duration-200 cursor-pointer
1624            hover:bg-white/10 hover:text-white
1625            aria-selected:border-transparent aria-selected:bg-white
1626            aria-selected:font-semibold aria-selected:text-black
1627            
1628          "
1629          data-candy-shorts--library-filters-target="tagPill"
1630          data-scroll-fade-target="visibilityContainer"
1631          data-action="click->candy-shorts--library-filters#selectTag"
1632          data-candy-shorts--library-filters-tag-param="nympho"
1633          data-candy-shorts--library-filters-scopes="all candy other creators"
1634        >
1635
1636          <span>Nympho</span>
1637
1638        </button>
1639
1640
1641        <button
1642          type="button"
1643          role="tab"
1644          aria-selected="false"
1645          class="
1646            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1647            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1648            transition-all duration-200 cursor-pointer
1649            hover:bg-white/10 hover:text-white
1650            aria-selected:border-transparent aria-selected:bg-white
1651            aria-selected:font-semibold aria-selected:text-black
1652            
1653          "
1654          data-candy-shorts--library-filters-target="tagPill"
1655          data-scroll-fade-target="visibilityContainer"
1656          data-action="click->candy-shorts--library-filters#selectTag"
1657          data-candy-shorts--library-filters-tag-param="mother"
1658          data-candy-shorts--library-filters-scopes="all candy other creators"
1659        >
1660
1661          <span>Stepmom</span>
1662
1663        </button>
1664
1665
1666        <button
1667          type="button"
1668          role="tab"
1669          aria-selected="false"
1670          class="
1671            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1672            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1673            transition-all duration-200 cursor-pointer
1674            hover:bg-white/10 hover:text-white
1675            aria-selected:border-transparent aria-selected:bg-white
1676            aria-selected:font-semibold aria-selected:text-black
1677            
1678          "
1679          data-candy-shorts--library-filters-target="tagPill"
1680          data-scroll-fade-target="visibilityContainer"
1681          data-action="click->candy-shorts--library-filters#selectTag"
1682          data-candy-shorts--library-filters-tag-param="wife"
1683          data-candy-shorts--library-filters-scopes="all candy other creators"
1684        >
1685
1686          <span>Wife</span>
1687
1688        </button>
1689
1690
1691        <button
1692          type="button"
1693          role="tab"
1694          aria-selected="false"
1695          class="
1696            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1697            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1698            transition-all duration-200 cursor-pointer
1699            hover:bg-white/10 hover:text-white
1700            aria-selected:border-transparent aria-selected:bg-white
1701            aria-selected:font-semibold aria-selected:text-black
1702            
1703          "
1704          data-candy-shorts--library-filters-target="tagPill"
1705          data-scroll-fade-target="visibilityContainer"
1706          data-action="click->
1706candy-shorts--library-filters#selectTag"
1707          data-candy-shorts--library-filters-tag-param="taboo"
1708          data-candy-shorts--library-filters-scopes="all candy other creators"
1709        >
1710
1711          <span>Taboo</span>
1712
1713        </button>
1714
1715
1716        <button
1717          type="button"
1718          role="tab"
1719          aria-selected="false"
1720          class="
1721            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1722            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1723            transition-all duration-200 cursor-pointer
1724            hover:bg-white/10 hover:text-white
1725            aria-selected:border-transparent aria-selected:bg-white
1726            aria-selected:font-semibold aria-selected:text-black
1727            
1728          "
1729          data-candy-shorts--library-filters-target="tagPill"
1730          data-scroll-fade-target="visibilityContainer"
1731          data-action="click->candy-shorts--library-filters#selectTag"
1732          data-candy-shorts--library-filters-tag-param="fantasy"
1733          data-candy-shorts--library-filters-scopes="all candy other"
1734        >
1735
1736          <span>Fantasy</span>
1737
1738        </button>
1739
1740
1741        <button
1742          type="button"
1743          role="tab"
1744          aria-selected="false"
1745          class="
1746            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1747            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1748            transition-all duration-200 cursor-pointer
1749            hover:bg-white/10 hover:text-white
1750            aria-selected:border-transparent aria-selected:bg-white
1751            aria-selected:font-semibold aria-selected:text-black
1752            
1753          "
1754          data-candy-shorts--library-filters-target="tagPill"
1755          data-scroll-fade-target="visibilityContainer"
1756          data-action="click->candy-shorts--library-filters#selectTag"
1757          data-candy-shorts--library-filters-tag-param="teacher"
1758          data-candy-shorts--library-filters-scopes="all other candy creators"
1759        >
1760
1761          <span>Teacher</span>
1762
1763        </button>
1764
1765
1766        <button
1767          type="button"
1768          role="tab"
1769          aria-selected="false"
1770          class="
1771            inline-flex shrink-0 snap-start items-center gap-1.5 whitespace-nowrap rounded-full border border-white/10
1772            bg-white/[0.04] px-3.5 py-1.5 text-sm text-white/70
1773            transition-all duration-200 cursor-pointer
1774            hover:bg-white/10 hover:text-white
1775            aria-selected:border-transparent aria-selected:bg-white
1776            aria-selected:font-semibold aria-selected:text-black
1777            
1778          "
1779          data-candy-shorts--library-filters-target="tagPill"
1780          data-scroll-fade-target="visibilityContainer"
1781          data-action="click->candy-shorts--library-filters#selectTag"
1782          data-candy-shorts--library-filters-tag-param="maid"
1783          data-candy-shorts--library-filters-scopes="all candy"
1784        >
1785
1786          <span>Maid</span>
1787
1788        </button>
1789
1790    </div>
1791  </div>
1792</div>
1793
1794
1795      
1796
1797
1798      
1799
1800
1801      <div
1802  class="order-6 mb-3 lg:mb-4"
1803  data-candy-shorts--library-filters-target="rows"
1804>
1805  <h2
1806    class="
1807      text-[18px] leading-[27px] font-semibold text-white lg:text-xl
1808      lg:leading-6
1809    "
1810  >
1811    <span class="text-pink-dark">Explore</span>
1812    <span>All Shorts</span>
1813  </h2>
1814</div>
1815
1816
1817      <turbo-frame class="
1818              order-7 block scroll-mt-40 md:scroll-mt-44 transition-opacity duration-150
1819              aria-busy:pointer-events-none aria-busy:opacity-60
1820            " data-candy-shorts--library-filters-target="grid" data-action="turbo:before-fetch-request-&gt;candy-shorts--library-filters#gridLoading turbo:frame-load-&gt;candy-shorts--library-filters#gridLoaded turbo:fetch-request-error-&gt;candy-shorts--library-filters#gridLoadFailed" id="candy-shorts-library-grid" src="/candy_shorts/library_cards?scope=all&amp;tag=all">
1821        <div class="grid grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-2.5 md:gap-6" aria-hidden="true">
1822    <div class="flex flex-col gap-2 animate-pulse">
1823      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1824      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1825    </div>
1826    <div class="flex flex-col gap-2 animate-pulse">
1827      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1828      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1829    </div>
1830    <div class="flex flex-col gap-2 animate-pulse">
1831      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1832      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1833    </div>
1834    <div class="flex flex-col gap-2 animate-pulse">
1835      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1836      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1837    </div>
1838    <div class="flex flex-col gap-2 animate-pulse">
1839      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1840      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1841    </div>
1842    <div class="flex flex-col gap-2 animate-pulse">
1843      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1844      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1845    </div>
1846    <div class="flex flex-col gap-2 animate-pulse">
1847      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1848      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1849    </div>
1850    <div class="flex flex-col gap-2 animate-pulse">
1851      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1852      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1853    </div>
1854    <div class="flex flex-col gap-2 animate-pulse">
1855      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1856      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1857    </div>
1858    <div class="flex flex-col gap-2 animate-pulse">
1859      <div class="w-full aspect-[240/342] rounded-xl bg-white/5"></div>
1860      <div class="h-4 w-3/4 rounded-md bg-white/5"></div>
1861    </div>
1862</div>
1863
1864</turbo-frame>    </div>
1865  </div>
1866
1867  
1868  <div
1869  id="candy-shorts-library-modal"
1870  data-candy-shorts--library-target="modal"
1871  class="hidden fixed inset-0 z-100"
1872>
1873  <div
1874    class="absolute inset-0 bg-black/80"
1875    data-action="click->candy-shorts--library#close"
1876  ></div>
1877
1878  <div
1879    class="
1880      absolute inset-0 lg:top-[calc(64px+env(safe-area-inset-top))] flex
1881      items-stretch justify-center lg:items-center
1882    "
1883  >
1884    <div
1885      class="
1886        relative w-full h-full
1887        lg:h-[730px] lg:max-h-[calc(100dvh-128px)]
1888        lg:w-[920px] lg:max-w-[calc(100vw-32px)]
1889        lg:rounded-2xl lg:border lg:border-black-stroke
1890        lg:shadow-2xl overflow-hidden bg-black-default
1891      "
1892    >
1893      <div class="h-full w-full overflow-y-auto scrollbar lg:overflow-hidden">
1894        <turbo-frame class="block lg:h-full" data-controller="candy-shorts--watch-progress" data-action="shorts:player-watch-started-&gt;candy-shorts--watch-progress#started shorts:player-watch-completed-&gt;candy-shorts--watch-progress#completed turbo:frame-load-&gt;candy-shorts--library#frameLoaded" data-candy-shorts--library-target="frame" id="candy-shorts-frame">
1895          <div class="flex items-center justify-center w-full h-full py-20">
1896            <style>
1897  @keyframes loader-spin-counter-clockwise {
1898    from { transform: rotate(0deg); }
1899    to { transform: rotate(-360deg); }
1900  }
1901  .loader-spin-counter-clockwise {
1902    animation: loader-spin-counter-clockwise 1s linear infinite;
1903  }
1904</style>
1905<div
1906  class="relative inline-block loader-spin-counter-clockwise"
1907  style="width: 56px; height: 56px; background: conic-gradient(from 180deg at 50% 50%, #F77389 0deg, rgba(247, 115, 137, 0) 360deg); border-radius: 50%; mask: radial-gradient(farthest-side, transparent calc(100% - 4px), black calc(100% - 4px)); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), black calc(100% - 4px));"
1908></div>
1909
1910          </div>
1911</turbo-frame>      </div>
1912
1913      <div
1914        data-candy-shorts--library-target="loader"
1915        class="
1916          hidden absolute inset-0 z-[95] flex items-center justify-center
1917          bg-black-default
1918        "
1919      >
1920        <style>
1921  @keyframes loader-spin-counter-clockwise {
1922    from { transform: rotate(0deg); }
1923    to { transform: rotate(-360deg); }
1924  }
1925  .loader-spin-counter-clockwise {
1926    animation: loader-spin-counter-clockwise 1s linear infinite;
1927  }
1928</style>
1929<div
1930  class="relative inline-block loader-spin-counter-clockwise"
1931  style="width: 56px; height: 56px; background: conic-gradient(from 180deg at 50% 50%, #F77389 0deg, rgba(247, 115, 137, 0) 360deg); border-radius: 50%; mask: radial-gradient(farthest-side, transparent calc(100% - 4px), black calc(100% - 4px)); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), black calc(100% - 4px));"
1932></div>
1933
1934      </div>
1935    </div>
1936  </div>
1937</div>
1938
1939  
1940
1941</main>
1942
1943<div class="relative z-[200]">
1944  <div id="mandatory-fields">
1945</div>
1946
1947</div>
1948
1949
1950      <div id="mpc-pack-purchased-notifiers" class="contents"></div>
1951
1952      
1953
1954
1955
1956          <div id="mobile_bottom_bar_container" data-pwa-target="mobileBottomBarContainer">
1957            <div
1958  class="
1959    grid grid-cols-5 px-3 py-2 justify-between w-full items-center h-[70px] fixed bottom-0 z-40 border-t border-white/20 bg-black-default lg:hidden
1960    
1961  "
1962  
1963  data-pwa-target="mobileBottomBar"
1964  data-pwa-should-change-bottom-bar-position="false"
1965>
1966    <!-- Home Icon -->
1967    <a class="flex min-w-0 flex-col items-center" data-turbo-frame="_top" href="/">
1968      <img class="w-6 h-6" alt="Home" src="/assets/bottom-nav-icons/home-07943db4fc88e0be4ac57c26c4968aee020ec6f2903009e2cc4d74beec45d2b9.svg" />
1969
1970      <span class=" text-[#A1A1A1] text-[10px] mt-1 max-w-full truncate">
1971        Home
1972      </span>
1973</a>      <!-- Private Content Icon (guest free-funnel experiment; replaces Shorts) -->
1974      <a class="flex min-w-0 flex-col items-center cursor-pointer" data-turbo-frame="_top" data-action="click-&gt;main#openRegistrationModal" href="#">
1975        <img class="w-6 h-6" alt="Private" src="/assets/heart-lock-c322a04a0a80c5ca1b50658063120fa33d2f209b5e0980e7be8e47cc9667f736.svg" />
1976
1977        <span class=" text-[#A1A1A1] text-[10px] mt-1 max-w-full truncate">
1978          Private
1979        </span>
1980</a>
1981  <!-- Create AI Icon -->
1982    <a
1983      href="/characters/new"
1984      class="flex min-w-0 flex-col items-center"
1985      data-turbo-frame="_top"
1986    >
1987      <img class="w-6 h-6" alt="Create" src="/assets/sidebar-icons/mobile-magic-wand-d445265367be8ddfbfe1c22810893d0ea4dbdaf1eadd7c4496861113d5388d78.svg" />
1988
1989      <span class=" text-[#A1A1A1] text-[10px] mt-1 max-w-full truncate">
1990        Create
1991      </span>
1992    </a>
1993
1994  <!-- Chat Icon -->
1995
1996    <a
1997      data-action="click->main#openRegistrationModal"
1998      class="flex min-w-0 flex-col items-center cursor-pointer"
1999      data-turbo-frame="_top"
2000    >
2001      <img class="w-6 h-6" alt="Chat" src="/assets/bottom-nav-icons/chat-dbf86a760f2ab098a3a5d34346fb0a7c8619ed5050e90bd062c835416f510a0f.svg" />
2002
2003      <span class="text-[#A1A1A1] text-[10px] mt-1 max-w-full truncate">
2004        Chat
2005      </span>
2006    </a>
2007
2008  <!-- Premium Icon -->
2009    <a data-turbo-frame="_top" class="flex flex-col items-center cursor-pointer relative rounded-[10px] mx-auto w-16 h-12 pt-0.5 bg-linear-to-t from-[#5B4514] to-transparent to-98% from-2%" href="/subscriptions">
2010    <img class="w-2.5 h-2.5 absolute left-2 top-[1px]" src="/assets/promotions/icon-513af0057e4b673067a8049311ea31fe24a74b04337db95bf10d618a16abcfb7.svg" />
2011    <img class="w-2.5 h-2.5 absolute right-2 top-[1px] scale-x-[-1]" src="/assets/promotions/icon-513af0057e4b673067a8049311ea31fe24a74b04337db95bf10d618a16abcfb7.svg" />
2012    <img class="w-6 h-6" src="/assets/sidebar-icons/premium-3fa8ec9f951178508109d03de202bc4a381ed87451b7dc9f8aa5a931bd485e02.svg" />
2013    <span class="text-[#A1A1A1] text-[10px] mt-1">
2014      Premium
2015    </span>
2016</a>
2017
2018</div>
2019
2020</div>    </div>
2021
2022
2023    
2023<script>
2024  var isCookieScriptInitialized = false;
2025
2026
2027  function initializeCookieScript() {
2028    if (!isCookieScriptInitialized) {
2029        isCookieScriptInitialized = true;
2030        CookieScript.init();
2031    }
2032  }
2033
2034  function checkAndDisplayCookieBanner() {
2035    setTimeout(function () {
2036        if (typeof CookieScript.instance !== "undefined" && CookieScript.instance !== null) {
2037            if (typeof CookieScript.instance.currentState === "function" && CookieScript.instance.currentState().action === void 0) {
2038                CookieScript.instance = null;
2039                initializeCookieScript();
2040            }
2041        } else {
2042            initializeCookieScript();
2043        }
2044    }, 500);
2045  }
2046
2047  document.addEventListener("turbo:load", function () {
2048    if (typeof CookieScript === 'undefined') {
2049      return;
2050    }
2051
2052    initializeCookieScript();
2053    checkAndDisplayCookieBanner();
2054  });
2055</script>
2055
2056
2057<div
2058  data-controller="consent-fb-cookies"
2059  data-consent-fb-cookies-fbc-name-value="_lp_fbc"
2060  data-consent-fb-cookies-fbp-name-value="_lp_fbp"
2061  data-consent-fb-cookies-fbc-max-age-value="7776000"
2062  data-consent-fb-cookies-fbp-max-age-value="63072000"
2063  data-consent-fb-cookies-domain-mode-value="all"
2064></div>
2065
2066
2067    
2068    
2069
2070  
2070<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>
2070
2071</body>
2072</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.