1<!DOCTYPE html> 2 3<html lang="en"> 4 <head> 5 <title>CandyShorts | Irresistible Short Series & Episodes</title> 6 7 <meta 8 name="description" 9 content="Discover fresh short series with weekly new episodes. Watch popular stories including "My Hot Professor" and "Isabella's Revelation" 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 & 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 "My Hot Professor" and "Isabella's Revelation" and many others on Candy Shorts." 43 > 44 45 <meta 46 property="og:site_name" 47 content="CandyShorts | Irresistible Short Series & 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 & 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&state=ca-co-va&region=eu" 194 nonce="" 195 > 196 </script>
196 197
198<script type="text/javascript"> 199 window.mixpanelIdentityConfig = {"skipAlias":false}; 200</script>
200 201
vendor: 2,441 bytes, lines 202-255
202<script type="text/javascript"> 203 (function (f, b) { 204 if (!b.__SV) { 205 var e, g, i, h; 206 window.mixpanel = b; 207 b._i = []; 208 b.init = function (e, f, c) { 209 function g(a, d) { 210 var b = d.split("."); 211 2 == b.length && (a = a[b[0]], d = b[1]); 212 a[d] = function () { 213 a.push([d].concat(Array.prototype.slice.call(arguments, 0))) 214 } 215 } 216 217 var a = b; 218 "undefined" !== typeof c ? a = b[c] = [] : c = "mixpanel"; 219 a.people = a.people || []; 220 a.toString = function (a) { 221 var d = "mixpanel"; 222 "mixpanel" !== c && (d += "." + c); 223 a || (d += " (stub)"); 224 return d 225 }; 226 a.people.toString = function () { 227 return a.toString(1) + ".people (stub)" 228 }; 229 i = "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "); 230 for (h = 0; h < i.length; h++) g(a, i[h]); 231 var j = "set set_once union unset remove delete".split(" "); 232 a.get_group = function () { 233 function b(c) { 234 d[c] = function () { 235 call2_args = arguments; 236 call2 = [c].concat(Array.prototype.slice.call(call2_args, 0)); 237 a.push([e, call2]) 238 } 239 } 240 241 for (var d = {}, e = ["get_group"].concat(Array.prototype.slice.call(arguments, 0)), c = 0; c < j.length; c++) b(j[c]); 242 return d 243 }; 244 b._i.push([e, f, c]) 245 }; 246 b.__SV = 1.2; 247 e = f.createElement("script"); 248 e.type = "text/javascript"; 249 e.async = !0; 250 e.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ? MIXPANEL_CUSTOM_LIB_URL : "file:" === f.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"; 251 g = f.getElementsByTagName("script")[0]; 252 g.parentNode.insertBefore(e, g) 253 } 254 })(document, window.mixpanel || []); 255</script>
255 256
257<script type="text/javascript"> 258 document.addEventListener("turbo:load", function () { 259 // Check if Mixpanel API token is available 260 var mixpanelToken = "a524618d7794c70f8d028f5b045ca8ec"; 261 if (!mixpanelToken || mixpanelToken === "") { 262 return; 263 } 264 265 if (!window.mixpanel.__loaded) { 266 // Base configuration for all sites 267 var config = { 268 debug: false, 269 persistence: 'localStorage', 270 ignore_dnt: true, 271 }; 272 273 274 // Initialize Mixpanel (stub pattern handles async loading automatically) 275 try { 276 mixpanel.init(mixpanelToken, config); 277 } catch (_e) { 278 return; 279 } 280 } 281 282 function trackPageviewOnce(retryCount) { 283 retryCount = retryCount || 0; 284 var maxRetries = 30; // Maximum 30 retries (3 seconds total at 100ms intervals) 285 var currentUrl = window.location.href; 286 287 // Only track if URL has changed or this is the first load 288 if (window.mixpanelLastTrackedUrl !== currentUrl) { 289 if (window.mixpanel && typeof window.mixpanel.track_pageview === 'function') { 290 mixpanel.track_pageview(); 291 window.mixpanelLastTrackedUrl = currentUrl; 292 } else if (retryCount < maxRetries) { 293 // If Mixpanel isn't ready yet, retry after a short delay 294 setTimeout(function() { 295 trackPageviewOnce(retryCount + 1); 296 }, 100); 297 } else { 298 // Max retries reached - Mixpanel may be blocked or failed to load 299 } 300 } 301 } 302 303 304 // Register default properties on every turbo:load to ensure fresh data 305 // (user may log in/out) 306 // Always register properties, including for guests (user_type: "guest") 307 const defaultProps = {"user_type":"guest"}; 308 // Wait for mixpanel to be ready, then register defaults 309 const registerDefaults = function(retryCount) { 310 retryCount = retryCount || 0; 311 const maxRetries = 50; // 5 seconds max wait time (50 * 100ms) 312 313 if (typeof mixpanel !== "undefined" && mixpanel.register) { 314 mixpanel.register(defaultProps); 315 // Store for fallback use 316 window.mixpanelDefaultProperties = defaultProps; 317 } else if (retryCount < maxRetries) { 318 // Retry after a short delay if mixpanel isn't ready yet 319 setTimeout(function() { registerDefaults(retryCount + 1); }, 100); 320 } else { 321 // Fallback: Store in window even if mixpanel isn't ready (mergeWithDefaults will use it) 322 window.mixpanelDefaultProperties = defaultProps; 323 } 324 }; 325 registerDefaults(); 326 327 let userId = "" 328 const guestDistinctId = window.mixpanelIdentityConfig?.guestDistinctId || null; 329 const guestIdentificationEnabled = true; 330 if (userId !== '') { 331 const mxUserId = JSON.parse(localStorage.getItem(`mp_a524618d7794c70f8d028f5b045ca8ec_mixpanel`))?.$user_id || null; 332 const skipAlias = window.mixpanelIdentityConfig?.skipAlias || false; 333 if (skipAlias && mxUserId !== userId) { 334 mixpanel.identify(userId); 335 } else if (mxUserId == null) { 336 mixpanel.alias(userId); 337 mixpanel.identify(userId); 338 } else if (mxUserId !== userId) { 339 mixpanel.identify(userId); 340 } 341 } else if (guestDistinctId && guestIdentificationEnabled) { 342 mixpanel.identify(guestDistinctId); 343 } 344 // Track pageview once per URL (works for both full page loads and Turbo navigations) 345 // Only track if enabled via ENV variable 346 347 }) 348</script>
348 349 350 351 352 353 <!-- Google Tag Manager --> 354
354<script>
vendor: 358 bytes, lines 354-359
354 355 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 356 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 357 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 358 "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); 359 })(window,document,'script','dataLayer',"
359GTM-NM6MQN67
vendor: 8 bytes, lines 359-360
359"); 360
360</script>
360 361 <!-- End Google Tag Manager --> 362 363
364<script> 365 (function() { 366 window.I18n = { 367 locale: "en", 368 currency: "USD", 369 translations: {}, 370 t: function(key) { 371 var parts = key.split("."); 372 var result = this.translations; 373 for (var i = 0; i < parts.length; i++) { 374 result = result[parts[i]]; 375 if (result == null) return key; 376 } 377 return result; 378 } 379 }; 380 })(); 381</script>
381 382 383 384 385 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&origin_controller=library&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->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->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->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->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->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->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->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->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->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->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->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->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->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->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 & 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->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->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->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="{"female":{"url":"/ai-girlfriend","label":"Girls"},"anime":{"url":"/ai-anime","label":"Anime"},"male":{"url":"/ai-boyfriend","label":"Guys"}}" 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->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->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->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->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 & 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="{"show_again_after_seconds":null,"expires_at":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="{"show_again_after_seconds":null,"expires_at":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->main#openRegistrationModal shorts:sale-cleared@document->candy-shorts--sale#clear candy-shorts--sale:expired->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->candy-shorts--library-filters#gridLoading turbo:frame-load->candy-shorts--library-filters#gridLoaded turbo:fetch-request-error->candy-shorts--library-filters#gridLoadFailed" id="candy-shorts-library-grid" src="/candy_shorts/library_cards?scope=all&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->candy-shorts--watch-progress#started shorts:player-watch-completed->candy-shorts--watch-progress#completed turbo:frame-load->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->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.