<meta name="description" content="In this latest adventure, Tom sneaks his monster pals in his suitcase and takes them on the family holiday. Meanwhile Moggie McNab, whose partner in crime is t…"> <meta name="theme-color" content="#05070a" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#05070a"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-title" content="Toflix"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <link rel="manifest" href="/manifest.webmanifest"> <style> #nprogress, #nprogress .bar, #nprogress .peg, #nprogress .spinner { display: none !important; background: transparent !important; box-shadow: none !important; } html.toflix-intro { background: #000 !important; } html.toflix-intro body { pointer-events: none; } html.toflix-intro > #siteHeader, html.toflix-intro > nav[aria-label="Mobile navigation"], html.toflix-intro > #searchModal, html.toflix-intro > #toflixPtr { visibility: hidden !important; pointer-events: none !important; } #toflixIntro { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; background: #000; overflow: hidden; pointer-events: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; } #toflixIntro .ti-bg { position: absolute; inset: -20%; background: radial-gradient(ellipse 55% 45% at 50% 48%, rgba(180, 8, 14, 0.28), transparent 62%), radial-gradient(ellipse 80% 70% at 50% 100%, rgba(40, 0, 0, 0.7), #000 70%); opacity: 0; } html.toflix-intro-run #toflixIntro .ti-bg { animation: tiBg 2.6s ease forwards; } #toflixIntro .ti-shake { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; } html.toflix-intro-run #toflixIntro .ti-shake { animation: tiShake 2.6s cubic-bezier(.12,.8,.2,1) both; } #toflixIntro .ti-stage { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: perspective(520px) translateZ(220px) rotateY(-26deg) scale(1.35); opacity: 0; filter: saturate(1.15); } html.toflix-intro-run #toflixIntro .ti-stage { animation: tiCam 2.55s cubic-bezier(.15,.72,.12,1) forwards; } #toflixIntro .ti-glow { position: absolute; width: min(70vw, 340px); height: min(70vw, 340px); border-radius: 50%; background: radial-gradient(circle, rgba(255, 40, 48, 0.55), rgba(180, 8, 14, 0.12) 42%, transparent 70%); filter: blur(18px); opacity: 0; pointer-events: none; } html.toflix-intro-run #toflixIntro .ti-glow { animation: tiGlow 2.5s ease forwards; } #toflixIntro .ti-svg { position: relative; width: min(42vw, 176px); height: auto; display: block; overflow: visible; filter: drop-shadow(0 18px 28px rgba(0,0,0,0.55)); } #toflixIntro .ti-fill { opacity: 0; } html.toflix-intro-run #toflixIntro .ti-fill { animation: tiFill 0.38s ease-out 0.52s forwards; } #toflixIntro .ti-stroke { stroke: #fff; stroke-width: 11; stroke-linecap: square; stroke-linejoin: miter; stroke-dasharray: 1; stroke-dashoffset: 1; filter: drop-shadow(0 0 6px #ff2a33) drop-shadow(0 0 16px #eb0d18); } html.toflix-intro-run #toflixIntro .ti-stroke { animation: tiDraw 0.72s cubic-bezier(.2,.7,.1,1) 0.06s forwards; } #toflixIntro .ti-sweep { position: absolute; top: 8%; left: 50%; width: 28%; height: 0; transform: translateX(-50%); background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.85), rgba(255,80,70,0.0)); opacity: 0; pointer-events: none; mix-blend-mode: screen; filter: blur(1px); } html.toflix-intro-run #toflixIntro .ti-sweep { animation: tiSweep 0.55s ease-out 0.48s forwards; } #toflixIntro .ti-spark { position: absolute; top: 6%; right: 28%; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px 4px #ffb3b3, 0 0 28px 8px #eb0d18; opacity: 0; pointer-events: none; } html.toflix-intro-run #toflixIntro .ti-spark { animation: tiSpark 0.7s ease-out 1.08s both; } #toflixIntro .ti-word { margin-top: 18px; display: flex; gap: 0.02em; font-family: Inter, Impact, Haettenschweiler, "Arial Black", sans-serif; font-weight: 900; font-size: clamp(26px, 7.2vw, 50px); letter-spacing: 0.22em; color: #f4f4f4; text-indent: 0.22em; text-shadow: 0 2px 0 rgba(0,0,0,0.45), 0 0 22px rgba(235,13,24,0.45); line-height: 1; user-select: none; } #toflixIntro .ti-word span { display: inline-block; opacity: 0; transform: translateY(22px) rotateX(55deg); transform-origin: 50% 80%; } html.toflix-intro-run #toflixIntro .ti-word span:nth-child(1) { animation: tiLetter 0.42s cubic-bezier(.2,.8,.2,1.15) 0.78s forwards; } html.toflix-intro-run #toflixIntro .ti-word span:nth-child(2) { animation: tiLetter 0.42s cubic-bezier(.2,.8,.2,1.15) 0.84s forwards; } html.toflix-intro-run #toflixIntro .ti-word span:nth-child(3) { animation: tiLetter 0.42s cubic-bezier(.2,.8,.2,1.15) 0.90s forwards; } html.toflix-intro-run #toflixIntro .ti-word span:nth-child(4) { animation: tiLetter 0.42s cubic-bezier(.2,.8,.2,1.15) 0.96s forwards; } html.toflix-intro-run #toflixIntro .ti-word span:nth-child(5) { animation: tiLetter 0.42s cubic-bezier(.2,.8,.2,1.15) 1.02s forwards; } html.toflix-intro-run #toflixIntro .ti-word span:nth-child(6) { animation: tiLetterX 0.58s cubic-bezier(.18,.8,.2,1.25) 1.12s forwards; } #toflixIntro .ti-dust { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 46%, rgba(255,255,255,0.5) 0 1px, transparent 2px) 0 0 / 100% 100% no-repeat; opacity: 0; } html.toflix-intro-run #toflixIntro .ti-dust { animation: tiDust 0.8s ease-out 1.05s both; } html.toflix-intro-out #toflixIntro { animation: tiOut 0.4s ease forwards; } html.toflix-intro-reduce #toflixIntro .ti-stage { animation: none !important; opacity: 1; transform: none; } html.toflix-intro-reduce #toflixIntro .ti-fill, html.toflix-intro-reduce #toflixIntro .ti-word span { animation: none !important; opacity: 1; transform: none; } html.toflix-intro-reduce #toflixIntro .ti-stroke { opacity: 0; } html.toflix-intro-reduce #toflixIntro .ti-bg { opacity: 1; animation: none !important; } @keyframes tiBg { 0% { opacity: 0; transform: scale(1.1); } 25% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0.2; transform: scale(1); } } @keyframes tiCam { 0% { opacity: 0; transform: perspective(520px) translateZ(240px) rotateY(-28deg) scale(1.4); } 14% { opacity: 1; } 52% { transform: perspective(520px) translateZ(0) rotateY(0deg) scale(1); } 68% { transform: perspective(520px) translateZ(12px) rotateY(0deg) scale(1.08, 0.94); } 76% { transform: perspective(520px) translateZ(0) rotateY(0deg) scale(0.97, 1.05); } 84% { opacity: 1; transform: perspective(520px) translateZ(0) rotateY(0deg) scale(1); } 100% { opacity: 0; transform: perspective(520px) translateZ(-280px) rotateY(0deg) scale(7.5); } } @keyframes tiShake { 0%, 46%, 62%, 100% { transform: translate(0,0); } 50% { transform: translate(-7px, 3px); } 54% { transform: translate(6px, -4px); } 58% { transform: translate(-3px, 2px); } 70% { transform: translate(8px, -5px); } 74% { transform: translate(-6px, 4px); } 78% { transform: translate(3px, -2px); } } @keyframes tiDraw { to { stroke-dashoffset: 0; } } @keyframes tiFill { from { opacity: 0; } to { opacity: 1; } } @keyframes tiGlow { 0% { opacity: 0; transform: scale(0.6); } 40% { opacity: 0.9; transform: scale(1); } 80% { opacity: 0.7; } 100% { opacity: 0; transform: scale(1.4); } } @keyframes tiSweep { 0% { opacity: 0; height: 0; top: 10%; } 30% { opacity: 0.95; } 100% { opacity: 0; height: 78%; top: 8%; } } @keyframes tiSpark { 0% { opacity: 0; transform: scale(0.2); } 35% { opacity: 1; transform: scale(1.6); } 100% { opacity: 0; transform: scale(0.2) translate(12px, -18px); } } @keyframes tiLetter { 0% { opacity: 0; transform: translateY(22px) rotateX(55deg); } 100% { opacity: 1; transform: translateY(0) rotateX(0); } } @keyframes tiLetterX { 0% { opacity: 0; transform: translateY(-36px) rotate(-16deg) scale(1.35); } 62% { opacity: 1; transform: translateY(10px) rotate(7deg) scale(1); } 100% { opacity: 1; transform: translateY(0) rotate(0) scale(1); } } @keyframes tiDust { 0% { opacity: 0; transform: scale(0.8); } 30% { opacity: 0.7; } 100% { opacity: 0; transform: scale(1.4); } } @keyframes tiOut { to { opacity: 0; } } @media (min-width: 768px) { #toflixIntro .ti-svg { width: min(28vw, 198px); } #toflixIntro .ti-word { margin-top: 22px; letter-spacing: 0.26em; } } /* Monetag injects max-z iframes as siblings of <body>; keep chrome on <html> above them. */ html > #siteHeader { z-index: 2147483647 !important; display: block !important; visibility: visible !important; opacity: 1 !important; transform: none !important; } html > nav[aria-label="Mobile navigation"] { z-index: 2147483647 !important; visibility: visible !important; } html.search-open > nav[aria-label="Mobile navigation"] { display: none !important; visibility: hidden !important; pointer-events: none !important; } #searchModal, html > #searchModal { z-index: 2147483646 !important; } iframe.movy-carry-player, iframe#chillflixPlayerFrame[data-movy-player], iframe#movyPersistentPlayer.movy-carry-player { position: fixed !important; inset: 0 !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; z-index: 2147483644 !important; opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; transform: none !important; } html.movy-instant-scroll, html.movy-instant-scroll body, html.movy-scroll-lock, html.movy-scroll-lock body { scroll-behavior: auto !important; overflow-anchor: none !important; } html.movy-scroll-lock body { overflow: hidden !important; overscroll-behavior: none !important; } html.movy-scroll-free, html.movy-scroll-free body:not(.page-watch) { overflow-x: clip !important; overflow-y: auto !important; height: auto !important; max-height: none !important; position: static !important; overscroll-behavior-y: auto !important; touch-action: pan-y pinch-zoom !important; } html.toflix-app #toflixPtr { position: fixed; top: calc(12px + env(safe-area-inset-top, 0px)); left: 50%; z-index: 2147483646; width: 34px; height: 34px; margin-left: -17px; pointer-events: none; opacity: 0; transform: scale(.72); transition: opacity .16s ease, transform .16s ease; } html.toflix-app #toflixPtr.is-pull, html.toflix-app #toflixPtr.is-on { opacity: 1; transform: scale(1); } html.toflix-app #toflixPtr span { display: block; width: 100%; height: 100%; border: 2px solid rgba(255,255,255,.22); border-top-color: #fff; border-radius: 50%; } html.toflix-app #toflixPtr.is-ready span, html.toflix-app #toflixPtr.is-on span { animation: toflix-ptr-spin .55s linear infinite; } @keyframes toflix-ptr-spin { to { transform: rotate(360deg); } } html.toflix-app body.page-watch #toflixPtr { display: none !important; } html.toflix-app #toflixAppUpdate { position: fixed; left: 12px; right: 12px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); z-index: 2147483646; display: none; gap: 10px; align-items: center; padding: 12px 12px 12px 14px; border-radius: 16px; background: rgba(17,17,17,.94); color: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.45); } html.toflix-app #toflixAppUpdate.is-on { display: flex; } html.toflix-app body.page-watch #toflixAppUpdate { display: none !important; } html.toflix-app #toflixAppUpdate p { margin: 0; flex: 1; font-size: 14px; font-weight: 550; line-height: 1.3; } html.toflix-app #toflixAppUpdate small { display: block; margin-top: 2px; font-size: 12px; font-weight: 450; color: rgba(255,255,255,.55); } html.toflix-app #toflixAppUpdate button { flex-shrink: 0; min-height: 34px; padding: 0 12px; border: 0; border-radius: 999px; font-size: 13px; font-weight: 650; } html.toflix-app #toflixAppUpdate .toflix-upd-go { background: #e11d48; color: #fff; } html.toflix-app #toflixAppUpdate .toflix-upd-later { background: transparent; color: rgba(255,255,255,.7); } </style> <script> (function () { var BASE = ""; var parser = new DOMParser(); var cache = Object.create(null); var parked = Object.create(null); var parkedOrder = []; var going = false; var goingAt = 0; var leavingWatch = false; var navGen = 0; var playGuardUntil = 0; try { history.scrollRestoration = 'manual'; } catch (err) {} function beginGo() { going = true; goingAt = Date.now(); document.documentElement.classList.add('movy-going'); } function unlockPage() { var html = document.documentElement; var body = document.body; html.classList.remove('movy-going', 'movy-scroll-lock', 'movy-instant-scroll'); html.style.scrollBehavior = ''; html.style.overflow = ''; html.style.overflowX = ''; html.style.overflowY = ''; html.style.height = ''; html.style.maxHeight = ''; html.style.position = ''; html.style.touchAction = ''; if (body) { body.style.scrollBehavior = ''; body.style.overflow = ''; body.style.overflowX = ''; body.style.overflowY = ''; body.style.height = ''; body.style.maxHeight = ''; body.style.position = ''; body.style.top = ''; body.style.left = ''; body.style.right = ''; body.style.bottom = ''; body.style.width = ''; body.style.touchAction = ''; body.classList.remove('movy-nav-in'); } var leave = document.getElementById('movyLeavePlayer'); if (leave && leave.parentNode) { try { var frame = leave.querySelector('iframe'); if (frame) frame.src = 'about:blank'; } catch (err) {} leave.parentNode.removeChild(leave); } if (!(body && body.classList.contains('page-watch') && window.__movyWantPlay)) { parkPersistentPlayer(); } document.querySelectorAll('.movy-nav-veil, .movy-play-veil').forEach(function (el) { if (el.parentNode) el.parentNode.removeChild(el); }); } function forceScrollable() { unlockPage(); var html = document.documentElement; var body = document.body; if (body && body.classList.contains('page-watch')) { html.classList.remove('movy-scroll-free'); return; } html.classList.add('movy-scroll-free'); html.style.setProperty('overflow', 'hidden'); void html.offsetHeight; html.style.setProperty('overflow-y', 'scroll'); html.style.setProperty('overflow-x', 'clip'); if (body) { body.style.setProperty('overflow', 'visible'); body.style.setProperty('overflow-y', 'auto'); body.style.setProperty('position', 'static'); body.style.setProperty('height', 'auto'); void body.offsetHeight; } html.style.removeProperty('overflow'); html.style.removeProperty('overflow-y'); html.style.removeProperty('overflow-x'); if (body) { body.style.removeProperty('overflow'); body.style.removeProperty('overflow-y'); body.style.removeProperty('position'); body.style.removeProperty('height'); } try { window.scrollTo(0, 0); } catch (err) {} } window.__movyUnlockPage = forceScrollable; function armUnlockFailsafe() { window.clearTimeout(window.__movyUnlockTimer); window.__movyUnlockTimer = window.setTimeout(function () { going = false; goingAt = 0; leavingWatch = false; if (document.body && document.body.classList.contains('page-watch')) return; forceScrollable(); }, 700); } function endGoFast() { going = false; goingAt = 0; leavingWatch = false; document.documentElement.classList.remove('movy-going', 'movy-scroll-lock', 'movy-instant-scroll'); if (!(document.body && document.body.classList.contains('page-watch') && window.__movyWantPlay)) { parkPersistentPlayer(); } } function endGo() { going = false; goingAt = 0; leavingWatch = false; var htmlEl = document.documentElement; htmlEl.classList.remove('movy-going', 'movy-scroll-lock', 'movy-instant-scroll'); if (!(document.body && document.body.classList.contains('page-watch') && window.__movyWantPlay)) { parkPersistentPlayer(); } try { window.scrollTo(0, 0); } catch (err) {} } function snapTop() { var html = document.documentElement; html.classList.add('movy-instant-scroll'); html.style.scrollBehavior = 'auto'; var se = document.scrollingElement || html; se.scrollTop = 0; html.scrollTop = 0; if (document.body) { document.body.style.scrollBehavior = 'auto'; document.body.scrollTop = 0; } try { window.scrollTo({ top: 0, left: 0, behavior: 'auto' }); } catch (err) { window.scrollTo(0, 0); } } function lockScroll() { document.documentElement.classList.add('movy-instant-scroll', 'movy-scroll-lock'); document.documentElement.classList.remove('movy-scroll-free'); snapTop(); } function releaseInstantScroll() { snapTop(); requestAnimationFrame(function () { requestAnimationFrame(function () { forceScrollable(); }); }); } function revealAtTop(then) { snapTop(); requestAnimationFrame(function () { snapTop(); requestAnimationFrame(function () { snapTop(); if (typeof then === 'function') then(); }); }); } function stuckGo() { if (!going) return false; if (Date.now() - goingAt > 2200) { endGo(); return false; } return true; } function sameApp(href) { var u; try { u = new URL(href, location.href); } catch (e) { return null; } if (u.origin !== location.origin) return null; if (u.pathname !== BASE && u.pathname.indexOf(BASE + '/') !== 0) return null; if (/\.(apk|exe|zip)$/i.test(u.pathname)) return null; if (document.documentElement.classList.contains('toflix-app') && /\/(app|download)\/?$/.test(u.pathname)) return null; return u; } function keyOf(u) { return u.pathname + u.search; } function escAvAttr(s) { return String(s || '').replace(/&/g, '&').replace(/"/g, '"').replace(/</g, '<'); } function avatarKeep() { var el = document.getElementById('movyAvatarKeep'); if (!el) { el = document.createElement('div'); el.id = 'movyAvatarKeep'; el.setAttribute('hidden', ''); el.setAttribute('aria-hidden', 'true'); el.style.cssText = 'display:none!important;position:absolute;width:0;height:0;overflow:hidden'; document.documentElement.appendChild(el); } return el; } function imgSrcMatches(img, url) { if (!img || !url) return false; if ((img.getAttribute('src') || '') === url) return true; try { return img.src === new URL(url, location.href).href; } catch (err) { return img.src === url; } } function fadeOutAvatarSibling(node) { if (!node || !node.parentNode) return; node.classList.add('is-av-out'); window.setTimeout(function () { if (node.parentNode) node.parentNode.removeChild(node); }, 380); } function paintAvatarHost(host, url, name) { if (!host) return; if (url) { var imgs = host.querySelectorAll('img'); var i; for (i = 0; i < imgs.length; i++) { if (imgSrcMatches(imgs[i], url) && !imgs[i].classList.contains('is-av-out')) { imgs[i].classList.add('is-in'); host.classList.add('has-avatar'); return; } } var img = document.createElement('img'); img.className = 'dock-acct-img'; img.alt = ''; img.width = 20; img.height = 20; img.decoding = 'async'; var shown = false; var show = function () { if (shown) return; shown = true; img.classList.add('is-in'); host.classList.add('has-avatar'); var kids = [].slice.call(host.children); kids.forEach(function (ch) { if (ch !== img) fadeOutAvatarSibling(ch); }); }; img.addEventListener('load', show); img.addEventListener('error', show); host.appendChild(img); img.src = url; if (img.complete) show(); return; } var letter = String(name || '').trim().charAt(0).toUpperCase(); if (!letter) return; var span = host.querySelector('.dock-acct-letter'); if (span && span.textContent === letter && !span.classList.contains('is-av-out')) { host.classList.add('has-avatar'); return; } var next = document.createElement('span'); next.className = 'dock-acct-letter'; next.textContent = letter; host.appendChild(next); host.classList.add('has-avatar'); requestAnimationFrame(function () { next.classList.add('is-in'); [].slice.call(host.children).forEach(function (ch) { if (ch !== next) fadeOutAvatarSibling(ch); }); }); } function stampNavAvatars(root) { if (!root || !root.querySelectorAll) return; var user = ''; var profile = null; try { user = localStorage.getItem('movy_new_user') || ''; var raw = localStorage.getItem('movy_new_profile'); if (raw) profile = JSON.parse(raw); } catch (err) {} if (!user) return; var url = (profile && (profile.avatarUrl || '')) || ''; var name = (profile && profile.name) || user; root.querySelectorAll('[data-acct-nav-av]').forEach(function (host) { paintAvatarHost(host, url, name); }); root.querySelectorAll('#loginOpen, #dockLogin, [data-acct-nav-av-wrap]').forEach(function (btn) { btn.classList.add('is-authed'); btn.setAttribute('aria-label', 'Account (' + name + ')'); btn.title = name; }); if (root.tagName === 'BODY') { root.dataset.authUser = user; } else if (document.body) { document.body.dataset.authUser = user; } root.querySelectorAll('.header-notify-wrap').forEach(function (el) { el.hidden = false; }); } function parkNavAvatars() { var keep = avatarKeep(); document.querySelectorAll('[data-acct-nav-av] img').forEach(function (img) { if (!img || !img.getAttribute('src')) return; keep.appendChild(img); }); } function restoreParkedAvatars(root) { if (!root) return; var keep = document.getElementById('movyAvatarKeep'); var hosts = root.querySelectorAll('[data-acct-nav-av]'); hosts.forEach(function (host) { var parked = keep && keep.querySelector('img'); if (!parked) return; while (host.firstChild) host.removeChild(host.firstChild); host.appendChild(parked); parked.classList.add('is-in'); host.classList.add('has-avatar'); }); stampNavAvatars(root); } window.__movyStampNavAvatars = stampNavAvatars; function bodyIsWatch(html) { var m = String(html || '').match(/<body\b[^>]*>/i); return !!(m && /page-watch/.test(m[0])); } function livePlayer() { return document.querySelector('[data-movy-player]'); } function tellPlayer(action, extra) { var frame = livePlayer(); if (!frame || !frame.contentWindow) return; var data = { action: action }; if (extra) { Object.keys(extra).forEach(function (k) { data[k] = extra[k]; }); } try { frame.contentWindow.postMessage({ type: 'CHILLFLIX_EMBED_PARENT_COMMAND', data: data }, '*'); } catch (err) {} } function ensurePersistentPlayer() { var el = livePlayer(); if (el) return el; el = document.createElement('iframe'); el.id = 'movyPersistentPlayer'; el.setAttribute('data-movy-player', '1'); el.className = 'movy-preload-frame'; el.title = 'Player'; el.setAttribute('aria-hidden', 'true'); el.tabIndex = -1; el.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen; popups'); el.setAttribute('allowfullscreen', ''); el.allowFullscreen = true; el.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin'); document.documentElement.appendChild(el); return el; } function playerSrcOf(el) { return el ? (el.getAttribute('src') || el.src || '') : ''; } function embedPathOf(url) { try { return new URL(url || '', location.href).pathname || ''; } catch (err) { return ''; } } function startAtOf(url) { try { var u = new URL(url || '', location.href); return Math.max(0, parseInt(u.searchParams.get('startAt') || u.searchParams.get('continue') || '0', 10) || 0); } catch (err) { return 0; } } function embedMatches(srcA, srcB) { var a = embedPathOf(srcA); var b = embedPathOf(srcB); return !!(a && b && a === b); } function playUrlEmbedPath(playHref) { try { var u = new URL(playHref, location.href); var movie = u.pathname.match(/\/movie\/(\d+)/); if (movie) return '/embed/movie/' + movie[1]; var tv = u.pathname.match(/\/tv\/(\d+)/); if (tv) { var s = Math.max(1, parseInt(u.searchParams.get('s') || '1', 10) || 1); var e = Math.max(1, parseInt(u.searchParams.get('e') || '1', 10) || 1); return '/embed/tv/' + tv[1] + '/' + s + '/' + e; } } catch (err) {} return ''; } function playerIsWarmed() { var el = livePlayer(); var src = playerSrcOf(el); return !!(src && src.indexOf('about:') !== 0 && src.indexOf('chillflix.lol') !== -1); } function detailEmbedSrc(u) { if (!u) return ''; try { var movie = u.pathname.match(/\/movie\/(\d+)/); var tv = u.pathname.match(/\/tv\/(\d+)/); if (!movie && !tv) return ''; var host = 'https://www.chillflix.lol'; var path = movie ? (host + '/embed/movie/' + movie[1]) : (host + '/embed/tv/' + tv[1] + '/' + Math.max(1, parseInt(u.searchParams.get('s') || '1', 10) || 1) + '/' + Math.max(1, parseInt(u.searchParams.get('e') || '1', 10) || 1)); var q = new URLSearchParams({ autoplay: 'false', watchparty: 'false', title: 'false', watchstart: 'true', parent_origin: location.origin }); try { var role = String(localStorage.getItem('movy_new_role') || '').toLowerCase(); if (!role && document.body) role = String(document.body.getAttribute('data-auth-role') || '').toLowerCase(); if (role === 'owner' || role === 'admin') q.set('toflixReal', '1'); } catch (err) {} return path + '?' + q.toString(); } catch (err) { return ''; } } function preloadFromAppUrl(u) { if (!u || isPlayUrl(u) || isAdminPath(u) || isEmbedPath(u) || isQrPath(u)) return; if (window.__movyWantPlay) return; if (document.body && document.body.classList.contains('page-watch')) return; if (!/\/(movie|tv)\/\d+/.test(u.pathname || '')) return; var src = detailEmbedSrc(u); if (src && typeof window.__movySetPreload === 'function') window.__movySetPreload(src); try { var play = new URL(u.href, location.href); if (!play.searchParams.get('play')) play.searchParams.set('play', 'true'); warm(play); } catch (err) {} } function hoistCinemaCard() { var p = document.getElementById('watchPoster'); if (!p || p.hidden || p.classList.contains('is-out')) return p; p.style.cssText = 'position:fixed;inset:0;z-index:2147483645;display:flex;align-items:center;justify-content:center;background:#05070a;color:#fff;pointer-events:none;opacity:1;visibility:visible;margin:0'; if (p.parentNode !== document.documentElement) document.documentElement.appendChild(p); return p; } function dropCinemaCard() { var p = document.getElementById('watchPoster'); if (p && p.parentNode) p.parentNode.removeChild(p); } function parkPersistentPlayer() { var el = livePlayer(); if (!el) return; el.id = 'movyPersistentPlayer'; el.className = 'movy-preload-frame'; el.removeAttribute('data-movy-carried'); el.setAttribute('aria-hidden', 'true'); el.tabIndex = -1; el.style.cssText = ''; } function revealPersistentPlayer() { hoistCinemaCard(); var el = ensurePersistentPlayer(); window.__movyWantPlay = true; playGuardUntil = Date.now() + 1800; window.__movyPlayGuardUntil = playGuardUntil; el.id = 'chillflixPlayerFrame'; el.className = 'movy-carry-player'; el.setAttribute('data-movy-carried', '1'); el.removeAttribute('aria-hidden'); el.removeAttribute('tabindex'); el.style.cssText = ''; tellPlayer('unmute'); return el; } function retirePersistentPlayer() { window.__movyWantPlay = false; var el = livePlayer(); if (!el) return; tellPlayer('mute'); tellPlayer('pause'); parkPersistentPlayer(); try { el.removeAttribute('src'); el.src = 'about:blank'; } catch (err) {} } function dropWatchDest(root) { if (!root || !root.querySelector) return; var dest = root.querySelector('#chillflixPlayerFrame:not([data-movy-player])'); if (!dest || dest === livePlayer()) return; try { dest.removeAttribute('src'); dest.src = 'about:blank'; } catch (err) {} if (dest.parentNode) dest.parentNode.removeChild(dest); } function warm(u) { if (!u) return Promise.resolve(null); var k = keyOf(u); if (typeof cache[k] === 'string') return Promise.resolve(cache[k]); if (cache[k] && cache[k].then) return cache[k]; cache[k] = fetch(u.href, { credentials: 'same-origin', cache: 'force-cache' }).then(function (r) { if (!r.ok) throw new Error('nav'); return r.text(); }).then(function (t) { if (bodyIsWatch(t)) { delete cache[k]; return t; } cache[k] = t; return t; }).catch(function () { delete cache[k]; return null; }); return cache[k]; } function bootPage() { if (window.__movyHoistChrome) window.__movyHoistChrome(); if (typeof window.movyBoot === 'function') window.movyBoot(); try { var homeU = sameApp((BASE || '') + '/' || '/'); if (homeU) warm(homeU); var last = sessionStorage.getItem('movy_app_back') || ''; var lastU = last && sameApp(last); if (lastU && !isPlayUrl(lastU)) warm(lastU); } catch (err) {} var shell = document.getElementById('watchShell'); var back = shell && shell.getAttribute('data-back'); var bu = back && sameApp(back); if (bu) warm(bu); var body = document.body; if (body && body.classList.contains('page-watch')) { hoistCinemaCard(); try { var frame = document.getElementById('chillflixPlayerFrame'); if (frame) frame.style.opacity = '1'; } catch (err) {} } if (body && body.classList.contains('page-detail')) { var play = document.querySelector('a.js-play-enter'); var pu = play && sameApp(play.href); if (pu) warm(pu); } if (document.body && document.body.classList.contains('page-profiles')) { fetch(BASE + '/assets/js/profiles.js?v=246', { credentials: 'same-origin' }) .then(function (r) { return r.text(); }) .then(function (code) { (0, eval)(code); }) .catch(function () {}); } if (window.__movyAdsApply) window.__movyAdsApply(); if (window.__movyGaPage) window.__movyGaPage(); } function syncLiveToDest(dest) { var live = livePlayer(); if (!dest || !live) return false; var destSrc = playerSrcOf(dest); var liveSrc = playerSrcOf(live); if (!destSrc || destSrc.indexOf('about:') === 0) return playerIsWarmed(); if (!embedMatches(liveSrc, destSrc)) { parkPersistentPlayer(); return false; } var wantAt = startAtOf(destSrc); var haveAt = startAtOf(liveSrc); if (wantAt > 14 && Math.abs(wantAt - haveAt) >= 8) { try { live.src = destSrc; } catch (err) {} } return true; } function prepareWatchCarry(root) { var dest = root && root.querySelector && root.querySelector('#chillflixPlayerFrame:not([data-movy-player])'); if (!dest || !livePlayer()) return; if (syncLiveToDest(dest)) { try { dest.removeAttribute('src'); dest.src = 'about:blank'; } catch (err) {} if (playerIsWarmed()) dropWatchDest(root); } } function adoptCarryPlayer() { var watching = document.body && document.body.classList.contains('page-watch'); if (watching && playerIsWarmed()) { var dest = document.body.querySelector('#chillflixPlayerFrame:not([data-movy-player])'); if (dest && !syncLiveToDest(dest)) { return dest; } window.__movyWantPlay = true; dropWatchDest(document.body); return revealPersistentPlayer(); } if (!watching) parkPersistentPlayer(); return document.body ? document.body.querySelector('#chillflixPlayerFrame:not([data-movy-player])') : null; } function isParkableBody(el) { if (!el || !el.classList) return false; return !el.classList.contains('page-watch') && !el.classList.contains('page-auth-qr'); } function rememberParked(key, body) { if (!key || !body || !isParkableBody(body)) return; parked[key] = body; var i = parkedOrder.indexOf(key); if (i >= 0) parkedOrder.splice(i, 1); parkedOrder.push(key); while (parkedOrder.length > 8) { var drop = parkedOrder.shift(); if (drop !== key) delete parked[drop]; } } function stashCurrentPage() { try { var u = new URL(location.href); if (isPlayUrl(u)) return; var body = document.body; if (!isParkableBody(body)) return; body.setAttribute('data-movy-scroll', String(window.scrollY || 0)); rememberParked(keyOf(u), body); } catch (err) {} } function restoreParked(key, href, push) { var node = key && parked[key]; if (!node || node === document.body) return false; if (node.parentNode === document.documentElement) return false; stashCurrentPage(); if (window.__movyAbort) window.__movyAbort.abort(); var title = node.getAttribute('data-movy-title'); if (title) document.title = title; document.documentElement.replaceChild(node, document.body); if (push === 'replace') history.replaceState({ movy: 1 }, '', href); else if (push) history.pushState({ movy: 1 }, '', href); var y = 0; if (push === false) y = parseInt(node.getAttribute('data-movy-scroll') || '0', 10) || 0; try { window.scrollTo(0, y); } catch (err) {} adoptCarryPlayer(); bootPage(); return true; } function swapBody(html, href, push, opts) { opts = opts || {}; var nextU = sameApp(href); var nextKey = nextU ? keyOf(nextU) : ''; if (nextKey && restoreParked(nextKey, href, push)) return true; stashCurrentPage(); var doc = parser.parseFromString(html, 'text/html'); var next = doc.body; if (!next) { location.href = href; return false; } next.querySelectorAll('script').forEach(function (s) { var type = (s.getAttribute('type') || '').toLowerCase(); if (type === 'application/json') return; s.remove(); }); document.title = doc.title || document.title; if (window.__movyAbort) window.__movyAbort.abort(); var ae = document.activeElement; if (ae && ae.blur) ae.blur(); if (!opts.noLock) lockScroll(); parkNavAvatars(); restoreParkedAvatars(next); var nextWatch = next.classList && next.classList.contains('page-watch'); if (nextWatch && livePlayer()) { prepareWatchCarry(next); } if (!nextWatch) { window.__movyWantPlay = false; parkPersistentPlayer(); } try { next.setAttribute('data-movy-title', document.title); } catch (err) {} document.documentElement.replaceChild(next, document.body); rememberParked(nextKey, next); try { window.scrollTo(0, 0); } catch (err) {} if (nextWatch) hoistCinemaCard(); else dropCinemaCard(); adoptCarryPlayer(); if (nextWatch) hoistCinemaCard(); if (push === 'replace') history.replaceState({ movy: 1 }, '', href); else if (push) history.pushState({ movy: 1 }, '', href); snapTop(); bootPage(); snapTop(); if (opts.noLock) forceScrollable(); return true; } function launchArt() { var card = document.querySelector('.is-card-launch'); if (!card) return ''; var img = card.querySelector('img'); if (!img) return ''; var src = img.currentSrc || img.src || ''; if (!src || src.indexOf('data:') === 0) return ''; return src; } function navVeil(html, href, push, art) { swapBody(html, href, push, { noLock: true }); var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduce || !art) { releaseInstantScroll(); endGo(); return; } var veil = document.createElement('div'); veil.className = 'movy-nav-veil is-on'; var artEl = document.createElement('div'); artEl.className = 'movy-nav-veil-art'; artEl.style.backgroundImage = 'url("' + String(art).replace(/"/g, '\\"') + '")'; var ink = document.createElement('div'); ink.className = 'movy-nav-veil-ink'; veil.appendChild(artEl); veil.appendChild(ink); document.documentElement.appendChild(veil); releaseInstantScroll(); endGo(); requestAnimationFrame(function () { requestAnimationFrame(function () { veil.classList.add('is-out'); }); }); window.setTimeout(function () { if (veil.parentNode) veil.parentNode.removeChild(veil); }, 280); } function playEnter(html, href, push) { window.__movyWantPlay = true; playGuardUntil = Date.now() + 1800; window.__movyPlayGuardUntil = playGuardUntil; swapBody(html, href, push, { noLock: true }); hoistCinemaCard(); endGoFast(); } function apply(html, href, push) { if (/page-watch/.test(html)) { playEnter(html, href, push); return; } swapBody(html, href, push, { noLock: true }); endGoFast(); } function isAdminPath(u) { if (!u) return false; var p = u.pathname || ''; return p === BASE + '/admin' || p.indexOf(BASE + '/admin/') === 0; } function isEmbedPath(u) { if (!u) return false; var p = u.pathname || ''; return p === BASE + '/embed' || p.indexOf(BASE + '/embed/') === 0; } function isQrPath(u) { if (!u) return false; var p = u.pathname || ''; return p === BASE + '/link' || p === BASE + '/scan' || p === BASE + '/qr' || p.indexOf(BASE + '/qr/') === 0; } function isPlayUrl(u) { if (!u) return false; var v = ''; try { v = String(u.searchParams.get('play') || ''); } catch (err) {} if (!v) return /(?:^|[?&])play=true(?:&|$)/.test(u.search || ''); return v !== 'false' && v !== '0'; } function leaveWatch(href) { var u = sameApp(href); if (!u) { location.replace(href); return true; } if (leavingWatch) return true; if (Date.now() < playGuardUntil) return true; dropCinemaCard(); navGen += 1; if (stuckGo()) endGo(); leavingWatch = true; try { if (document.fullscreenElement || document.webkitFullscreenElement) { var exitFs = document.exitFullscreen || document.webkitExitFullscreen || document.mozCancelFullScreen; if (exitFs) exitFs.call(document); } } catch (err) {} try { if (screen.orientation && screen.orientation.unlock) screen.orientation.unlock(); } catch (err) {} try { if (window.ToflixApp && typeof window.ToflixApp.playerPortrait === 'function') { window.ToflixApp.playerPortrait(); } } catch (err) {} var fs = document.getElementById('watchFs'); if (fs && fs.parentNode) fs.parentNode.removeChild(fs); beginGo(); var dest = u.pathname + u.search + u.hash; var k = keyOf(u); var shell = document.getElementById('watchShell') || document.getElementById('movyLeavePlayer'); function pinPlayer() { if (!shell) return null; if (shell.parentNode !== document.documentElement) { shell.id = 'movyLeavePlayer'; shell.style.position = 'fixed'; shell.style.inset = '0'; shell.style.zIndex = '2147483646'; shell.style.margin = '0'; shell.style.background = '#000'; shell.style.opacity = '1'; shell.style.pointerEvents = 'none'; var frame = shell.querySelector('iframe'); if (frame) { frame.style.pointerEvents = 'none'; try { frame.src = 'about:blank'; } catch (err) { try { frame.removeAttribute('src'); } catch (err2) {} } } document.documentElement.appendChild(shell); } return shell; } function reveal(html) { if (!html || bodyIsWatch(html)) { endGo(); location.replace(u.href); return; } try { swapBody(html, dest, 'replace', { noLock: true }); } catch (err) { endGo(); location.replace(u.href); return; } endGo(); requestAnimationFrame(forceScrollable); window.setTimeout(forceScrollable, 50); window.setTimeout(forceScrollable, 250); armUnlockFailsafe(); } var cached = (typeof cache[k] === 'string' && !bodyIsWatch(cache[k])) ? cache[k] : null; if (cached) { reveal(cached); return true; } fetch(u.href, { credentials: 'same-origin', cache: 'no-store' }).then(function (r) { if (!r.ok) throw new Error('nav'); return r.text(); }).then(function (html) { if (html && !bodyIsWatch(html)) cache[k] = html; reveal(html); }).catch(function () { endGo(); location.replace(u.href); }); return true; } function rememberAppBack() { try { if (document.body && document.body.classList.contains('page-watch')) return; if (isPlayUrl(new URL(location.href))) return; sessionStorage.setItem('movy_app_back', location.pathname + location.search); } catch (err) {} } function detailBackDest(fallback) { var dest = fallback || (BASE + '/'); try { var last = sessionStorage.getItem('movy_app_back') || ''; if (last) { var lu = new URL(last, location.origin); if (!isPlayUrl(lu) && lu.pathname !== location.pathname) { dest = lu.pathname + lu.search + lu.hash; } } } catch (err) {} return dest; } function go(href, push) { var u = sameApp(href); if (!u) return false; if (isAdminPath(u) || (document.body && document.body.classList.contains('page-admin'))) { location.href = u.href; return true; } var next = u.pathname + u.search + u.hash; var replace = push === 'replace'; var onWatch = document.body && document.body.classList.contains('page-watch'); if (onWatch && !isPlayUrl(u)) return leaveWatch(u.href); if (!onWatch && isPlayUrl(u) && u.pathname === location.pathname) replace = true; rememberAppBack(); if (!replace && u.pathname === location.pathname && u.search === location.search) { if (u.hash) location.hash = u.hash; return true; } if (stuckGo()) { if (document.getElementById('movyLeavePlayer') || Date.now() - goingAt > 400) { endGo(); } else if (replace || onWatch) { location.href = u.href; return true; } } var mode = replace ? 'replace' : push !== false; var k = keyOf(u); if (!onWatch && !isPlayUrl(u) && restoreParked(k, next, mode)) { endGoFast(); return true; } if (typeof cache[k] === 'string') { apply(cache[k], next, mode); return true; } var myGen = ++navGen; warm(u).then(function (html) { if (myGen !== navGen) return; if (!html) { endGoFast(); location.href = u.href; return; } if (onWatch && /page-watch/.test(html) && !isPlayUrl(u)) { endGoFast(); leaveWatch(u.href); return; } apply(html, next, mode); }); return true; } window.__movyWarm = function (href) { var u = sameApp(href); if (u) warm(u); }; window.__movySetPreload = function (src) { if (!src) return; var stray = document.body && document.body.querySelector('#movyPreloadFrame, iframe.movy-preload-frame'); if (stray && !stray.hasAttribute('data-movy-player')) { try { stray.removeAttribute('src'); stray.src = 'about:blank'; } catch (err) {} if (stray.parentNode) stray.parentNode.removeChild(stray); } var pre = ensurePersistentPlayer(); if (!window.__movyWantPlay) parkPersistentPlayer(); var cur = pre.getAttribute('src') || ''; if (cur === src) { tellPlayer('mute'); return; } try { var a = new URL(cur, location.href); var b = new URL(src, location.href); if (a.pathname === b.pathname && cur !== 'about:blank') { var wantAt = startAtOf(src); var haveAt = startAtOf(cur); if (window.__movyWantPlay) { tellPlayer('mute'); return; } if (wantAt > 0 && Math.abs(wantAt - haveAt) >= 8) { pre.src = src; return; } tellPlayer('mute'); return; } } catch (err) {} pre.src = src; }; window.__movyTellPlayer = tellPlayer; function markCardLaunch(a) { document.querySelectorAll('.is-card-launch').forEach(function (el) { el.classList.remove('is-card-launch'); }); document.querySelectorAll('.js-vt-hero').forEach(function (el) { el.classList.remove('js-vt-hero'); el.style.viewTransitionName = ''; }); if (!a) return; var card = a.closest('.media-card') || a.closest('.movieCard-module-scss-module__Xn2B8q__movieCard'); if (card) card.classList.add('is-card-launch'); } window.__movyGo = function (href, opts) { opts = opts || {}; if (document.body && document.body.classList.contains('page-watch') && opts.replace) { var u = sameApp(href); return leaveWatch(u ? u.href : href); } if (opts.replace) return go(href, 'replace'); return go(href, opts.push !== false); }; window.addEventListener('message', function (e) { if (!/chillflix\.lol/i.test(String(e.origin || ''))) return; var type = e.data && e.data.type; if (type !== 'CHILLFLIX_EMBED_PARENT_BACK') return; if (Date.now() < playGuardUntil) return; if (!(document.body && document.body.classList.contains('page-watch'))) return; var frame = document.getElementById('chillflixPlayerFrame') || livePlayer(); if (frame && e.source && frame.contentWindow && e.source !== frame.contentWindow) return; var shell = document.getElementById('watchShell'); if (!shell) return; var back = shell.getAttribute('data-back') || (BASE + '/'); leaveWatch(back); }); function isAppChromeTap(el) { if (!el || !el.closest) return false; return !!(el.closest('#siteHeader, .site-header, .site-dock, .bottom-dock, .dock, button, input, textarea, select, [role="button"], .js-play-enter, .auth-wall, .account-menu, .notify-inbox, .search-modal, #headerSearchCluster, .hero-actions, .play-btn, .hero-play-btn')); } ['pointerdown', 'touchstart', 'mousedown'].forEach(function (type) { window.addEventListener(type, function (e) { var t = e.target; if (t && t.nodeType !== 1) t = t.parentElement; if (!isAppChromeTap(t)) return; var a = t.closest && t.closest('a[href]'); var u = a && sameApp(a.href); if (u && !isAdminPath(u) && !isEmbedPath(u) && !isQrPath(u)) warm(u); if (u) preloadFromAppUrl(u); e.stopImmediatePropagation(); }, true); }); window.addEventListener('click', function (e) { if (e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; var t = e.target; if (t && t.nodeType !== 1) t = t.parentElement; var a = t && t.closest && t.closest('a[href]'); if (!a || (a.target && a.target !== '_self') || a.hasAttribute('download')) return; var u = sameApp(a.href); if (!u) return; if (isAdminPath(u) || isEmbedPath(u) || isQrPath(u)) return; e.preventDefault(); e.stopImmediatePropagation(); markCardLaunch(a); if (u) preloadFromAppUrl(u); if (isPlayUrl(u)) { window.__movyWantPlay = true; playGuardUntil = Date.now() + 1800; window.__movyPlayGuardUntil = playGuardUntil; var liveSrc = playerSrcOf(livePlayer()); var destPath = playUrlEmbedPath(u.href); var livePath = embedPathOf(liveSrc); var sameTitle = !!(destPath && livePath && livePath.indexOf(destPath) !== -1); var wantAt = startAtOf(u.href); var haveAt = startAtOf(liveSrc); if (sameTitle && (wantAt < 8 || Math.abs(wantAt - haveAt) < 8)) { tellPlayer('unmute'); tellPlayer('play'); } } if (a.classList && a.classList.contains('js-detail-back')) { go(detailBackDest(u.href), true); return; } go(u.href, true); }, true); document.addEventListener('submit', function (e) { var f = e.target; if (!f || !f.getAttribute) return; if (f.id === 'authLoginForm' || f.hasAttribute('data-pw-form') || f.getAttribute('data-no-spa') === '1') return; if (f.method && f.method.toLowerCase() !== 'get') return; var u = sameApp(f.getAttribute('action') || location.href); if (!u) return; e.preventDefault(); var qs = new URLSearchParams(new FormData(f)).toString(); u.search = qs ? '?' + qs : ''; go(u.href, true); }, true); document.addEventListener('pointerover', function (e) { var t = e.target; if (t && t.nodeType !== 1) t = t.parentElement; var a = t && t.closest && t.closest('a[href]'); var u = a && sameApp(a.href); if (u && !isAdminPath(u) && !isEmbedPath(u) && !isQrPath(u)) warm(u); }, { passive: true }); document.addEventListener('pointerdown', function (e) { var t = e.target; if (t && t.nodeType !== 1) t = t.parentElement; var a = t && t.closest && t.closest('a[href]'); var u = a && sameApp(a.href); if (u && !isAdminPath(u) && !isEmbedPath(u) && !isQrPath(u)) warm(u); if (u) preloadFromAppUrl(u); if (a && a.classList && a.classList.contains('js-detail-back')) { var dest = sameApp(detailBackDest(a.getAttribute('href') || (BASE + '/'))); if (dest) warm(dest); } }, { capture: true, passive: true }); addEventListener('popstate', function () { go(location.href, false); }); ensurePersistentPlayer(); try { var bootHome = sameApp((BASE || '') + '/' || '/'); if (bootHome) warm(bootHome); } catch (err) {} })(); </script> <link rel="icon" href="/assets/img/favicon.svg?v=180" type="image/svg+xml"> <link rel="icon" href="/assets/img/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png?v=225"> <link rel="apple-touch-startup-image" href="/assets/img/splash/iphone-14-pro.png" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3)"> <link rel="apple-touch-startup-image" href="/assets/img/splash/iphone-15-max.png" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3)"> <link rel="apple-touch-startup-image" href="/assets/img/splash/iphone-14.png" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3)"> <link rel="apple-touch-startup-image" href="/assets/img/splash/ipad-pro.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://www.googletagmanager.com"> <link rel="preconnect" href="https://www.google-analytics.com">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-QL85CV7WTN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', "G-QL85CV7WTN"); window.__movyGaPage = function () { if (typeof gtag !== 'function') return; gtag('event', 'page_view', { page_title: document.title, page_location: location.href, page_path: location.pathname + location.search }); }; </script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/assets/css/orig/3bxhyioxuk89l.css"> <link rel="stylesheet" href="/assets/css/orig/3auek-3tcwqky.css"> <link rel="stylesheet" href="/assets/css/orig/0-9-s3rkx4l9x.css"> <link rel="stylesheet" href="/assets/css/orig/10dfe-9r_0l3w.css"> <link rel="stylesheet" href="/assets/css/orig/3rxowio_e843w.css"> <link rel="stylesheet" href="/assets/css/orig/2jdmxd0bt-en5.css"> <link rel="stylesheet" href="/assets/css/orig/26qaad_yvi2cf.css"> <link rel="stylesheet" href="/assets/css/orig/1-fq3y8cnui5m.css"> <link rel="stylesheet" href="/assets/css/movy.css?v=251"> <link rel="stylesheet" href="/assets/css/bridge.css?v=268"> <script src="/assets/js/qrcode.min.js?v=180" defer></script> <script src="/assets/js/movy.js?v=281" defer></script> <script> (function () { document.addEventListener('error', function (e) { var el = e.target; if (!el || el.tagName !== 'IMG') return; if (el.getAttribute('data-img-fallback') === '1') return; var src = el.getAttribute('src') || ''; if (src.indexOf('wsrv.nl') === -1) return; try { var real = new URL(src, location.href).searchParams.get('url'); if (!real) return; el.setAttribute('data-img-fallback', '1'); el.src = real; } catch (err) {} }, true); })(); window.__movyAdsCfg = {"on":true,"skip":false,"zone":"11855164","src":"https://llvpn.com/tag.min.js","pages":{"home":false,"movie":true,"tv":true,"player":true,"browse":true,"search":true,"other":true}}; window.__movyHoistChrome = function () { if (window.__movyHoisting) return; window.__movyHoisting = true; try { var body = document.body; var root = document.documentElement; if (!body || !root) return; var hide = /page-watch|page-detail|page-profiles|page-auth-qr/.test(body.className || ''); var take = function (sel) { var nodes = document.querySelectorAll(sel); var keep = null; for (var i = 0; i < nodes.length; i++) { if (body.contains(nodes[i])) { keep = nodes[i]; break; } } if (!keep) keep = nodes[0] || null; for (var j = 0; j < nodes.length; j++) { if (nodes[j] !== keep && nodes[j].parentNode) nodes[j].parentNode.removeChild(nodes[j]); } return keep; }; var header = take('#siteHeader'); var dock = take('nav[aria-label="Mobile navigation"]'); var navKey = function () { var path = location.pathname || '/'; var base = body.getAttribute('data-base') || ''; if (base && path.indexOf(base) === 0) path = path.slice(base.length) || '/'; path = path.replace(/\/+$/, '') || '/'; if (/^\/browse\/anime/.test(path)) return 'anime'; if (/^\/browse\/movie/.test(path)) return 'movie'; if (/^\/browse\/tv/.test(path)) return 'tv'; if (/^\/search/.test(path)) return 'search'; if (path === '/' || path === '/index.php') return 'home'; return ''; }; var syncNav = function () { var key = navKey(); if (dock) { var dockActive = 'Dock-module-scss-module__qZDorW__active'; var map = { Home: 'home', Movies: 'movie', Shows: 'tv', Anime: 'anime', Search: 'search' }; var links = dock.querySelectorAll('a[aria-label]'); for (var i = 0; i < links.length; i++) { var lab = links[i].getAttribute('aria-label') || ''; var want = map[lab]; if (!want) continue; if (key && want === key) links[i].classList.add(dockActive); else links[i].classList.remove(dockActive); } } if (header) { var wrap = header.querySelector('#headerNavLinks'); if (wrap) { var links = wrap.querySelectorAll('a[href]'); for (var i = 0; i < links.length; i++) { var href = links[i].getAttribute('href') || ''; var lk = ''; if (/browse\/anime/.test(href)) lk = 'anime'; else if (/browse\/movie/.test(href)) lk = 'movie'; else if (/browse\/tv/.test(href)) lk = 'tv'; else if (/\/search/.test(href)) lk = 'search'; else lk = 'home'; var on = !!(key && lk === key); links[i].classList.toggle('font-semibold', on); if (on) { links[i].classList.add('text-white'); links[i].classList.remove('text-white/70'); links[i].setAttribute('aria-current', 'page'); links[i].setAttribute('data-marker-active', 'true'); } else { links[i].classList.remove('text-white'); links[i].classList.add('text-white/70'); links[i].removeAttribute('aria-current'); links[i].removeAttribute('data-marker-active'); } } } } }; syncNav(); var searchOpen = document.documentElement.classList.contains('search-open'); try { var sm = document.getElementById('searchModal'); if (sm && !sm.hidden && sm.classList.contains('is-open')) searchOpen = true; } catch (err) {} if (searchOpen) document.documentElement.classList.add('search-open'); else document.documentElement.classList.remove('search-open'); var paint = function (el) { if (!el) return; if (hide) { el.style.setProperty('display', 'none', 'important'); return; } if (searchOpen && el.getAttribute && el.getAttribute('aria-label') === 'Mobile navigation') { el.style.setProperty('display', 'none', 'important'); return; } if (el.parentNode !== root) { root.appendChild(el); } el.style.setProperty('display', 'block', 'important'); el.style.setProperty('visibility', 'visible', 'important'); el.style.setProperty('opacity', '1', 'important'); el.style.setProperty('z-index', '2147483647', 'important'); el.style.setProperty('transform', 'none', 'important'); el.removeAttribute('hidden'); }; paint(header); paint(dock); } catch (err) {} window.__movyHoisting = false; }; window.__movyAdsApply = function () { try { var cfg = window.__movyAdsCfg || {}; if (window.__movyHoistChrome) window.__movyHoistChrome(); if (window.__movyAdsScan) window.__movyAdsScan(document.body); if (!cfg.on || window.__movyAdsPopLoaded) return; var ua = navigator.userAgent || ''; if (/Chrome\/31\.0\.1650\.63|Monetag/i.test(ua)) return; var adsRole = ''; try { adsRole = String(localStorage.getItem('movy_new_role') || '').toLowerCase(); } catch (err) {} if (!adsRole && document.body) adsRole = String(document.body.getAttribute('data-auth-role') || '').toLowerCase(); if (adsRole === 'owner' || adsRole === 'admin') return; if (document.body && document.body.getAttribute('data-auth-no-ads') === '1') return; if (cfg.skip) return; var adsToken = ''; try { adsToken = localStorage.getItem('movy_new_token') || ''; } catch (err) {} if (adsToken && !adsRole && !window.__movyAdsAuthReady) return; var html = document.documentElement; if (html && /toflix-preview/.test(html.className || '')) return; var body = document.body; if (!body) return; var cls = body.className || ''; if (/page-admin|page-auth-qr|page-profiles/.test(cls)) return; var path = (location.pathname || '/') + ''; if (/\/embed(\/|$)/.test(path)) return; var slot = 'other'; if (/page-watch/.test(cls)) slot = 'player'; else if (/page-detail/.test(cls)) { slot = /\/tv\//.test(path) ? 'tv' : (/\/movie\//.test(path) ? 'movie' : 'other'); } else if (/\/browse\//.test(path)) slot = 'browse'; else if (/\/search(\/|$)/.test(path)) slot = 'search'; else if (path === '/' || path === '' || path === '/new' || path === '/new/' || path === '/index.php') slot = 'home'; var pages = cfg.pages || {}; if (!pages[slot]) return; if (!window.__movyAdsShielded) { window.__movyAdsShielded = true; try { var realOpen = window.open; window.open = function (url, name, specs) { if (!name || name === '_self' || name === '_top' || name === '_parent') name = '_blank'; try { return realOpen.call(window, url, name, specs); } catch (err) { return realOpen.call(window, url, '_blank', specs); } }; } catch (err) {} try { if (window.navigation && navigation.addEventListener) { navigation.addEventListener('navigate', function (e) { try { var dest = String((e.destination && e.destination.url) || ''); if (!dest || dest.indexOf(location.origin) === 0) return; if (e.navigationType && e.navigationType !== 'push' && e.navigationType !== 'replace') return; e.preventDefault(); window.open(dest, '_blank', 'noopener'); } catch (err) {} }); } } catch (err) {} var isPlayerChrome = function (el) { if (!el || el.nodeType !== 1) return false; var id = el.id || ''; if (id === 'chillflixPlayerFrame' || id === 'movyPersistentPlayer' || id === 'watchShell' || id === 'watchCover' || id === 'watchFs' || id === 'movyLeavePlayer') return true; if (el.getAttribute && el.getAttribute('data-movy-player')) return true; var cls = (typeof el.className === 'string') ? el.className : ''; if (/movy-carry-player|movy-preload-frame|movy-play-veil|movy-nav-veil|watch-shell|watch-cover|watch-frame/.test(cls)) return true; if (el.closest && el.closest('#watchShell, .watch-shell, .watch-frame, .movy-carry-player, [data-movy-player], #watchCover')) return true; try { var src = (el.getAttribute && (el.getAttribute('src') || el.src)) || ''; if (/\/embed\/|chillflix\.lol/i.test(src)) return true; } catch (err) {} return false; }; var tame = function (el) { if (!el || el.nodeType !== 1) return; if (el.id === 'siteHeader' || el.id === 'main') return; if (isPlayerChrome(el)) return; if (el.closest && el.closest('#siteHeader, .site-header, .site-dock, .dock, nav[aria-label="Mobile navigation"]')) return; var tag = (el.tagName || '').toLowerCase(); var cs; try { cs = window.getComputedStyle(el); } catch (err) { return; } if (!cs) return; var pos = cs.position; if (pos !== 'fixed' && pos !== 'absolute') return; var z = parseInt(cs.zIndex, 10); if (!(z > 39) && tag !== 'iframe' && !el.hasAttribute('data-widget')) return; var r = el.getBoundingClientRect(); if (r.width < 8 || r.height < 8) return; var header = document.getElementById('siteHeader'); var hb = header ? header.getBoundingClientRect().bottom : 72; var coversBar = r.top < hb - 8 && r.bottom > 8 && r.width >= window.innerWidth * 0.45; var fullPage = r.width >= window.innerWidth * 0.72 && r.height >= window.innerHeight * 0.72; if (!coversBar && !fullPage) return; el.style.setProperty('z-index', '1', 'important'); if (fullPage) { el.style.setProperty('pointer-events', 'none', 'important'); } if (coversBar && r.top < 12) { el.style.setProperty('top', Math.round(hb) + 'px', 'important'); } }; var scan = function (root) { if (!root) return; tame(root); if (!root.querySelectorAll) return; var nodes = root.querySelectorAll('iframe, [data-widget]'); for (var i = 0; i < nodes.length && i < 40; i++) tame(nodes[i]); }; window.__movyAdsScan = scan; var kick = function () { if (window.__movyHoistChrome) window.__movyHoistChrome(); try { var html = document.documentElement; var body = document.body; if (html && body && !html.classList.contains('movy-scroll-lock') && !/page-watch/.test(body.className || '')) { html.style.removeProperty('overflow'); html.style.removeProperty('overflow-y'); body.style.removeProperty('overflow'); body.style.removeProperty('overflow-y'); body.style.removeProperty('pointer-events'); } var play = document.querySelector('iframe.movy-carry-player, iframe#chillflixPlayerFrame[data-movy-player]'); if (play) { ['z-index','pointer-events','opacity','top','left','right','bottom','transform','visibility'].forEach(function (prop) { play.style.removeProperty(prop); }); } } catch (err) {} scan(document.documentElement); }; var kickSoon = 0; try { var mo = new MutationObserver(function () { if (window.__movyHoisting || kickSoon) return; kickSoon = setTimeout(function () { kickSoon = 0; kick(); }, 250); }); mo.observe(document.documentElement, { childList: true, subtree: false }); if (document.body) mo.observe(document.body, { childList: true, subtree: false }); } catch (err) {} kick(); setTimeout(kick, 400); setTimeout(kick, 1600); } var zone = String(cfg.zone || '11855164'); var src = String(cfg.src || 'https://llvpn.com/tag.min.js'); var s = document.createElement('script'); s.dataset.zone = zone; s.src = src; [document.documentElement, document.body].filter(Boolean).pop().appendChild(s); window.__movyAdsPopLoaded = true; } catch (err) {} }; </script> </head> <body class="page-detail" data-base="" data-auth-user="" data-auth-role="user" data-auth-no-ads=""> <main class="relative z-[1] pb-10 min-h-[100dvh] pt-0 overflow-x-clip" id="main">  <div class="detail-top-chrome pointer-events-none fixed inset-x-0 top-0 z-50"> <div class="layout-container flex items-center justify-between pt-[max(12px,env(safe-area-inset-top))] pointer-events-none"> <div class="buttonTopLeftGoBack-module-scss-module__BnfKyq__cluster pointer-events-auto" role="group" aria-label="Navigation"> <a class="buttonTopLeftGoBack-module-scss-module__BnfKyq__slot js-detail-back" href="/browse/movie" aria-label="Back" title="Back"> <svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewBox="0 0 24 24" width="20"><path d="m15 18-6-6 6-6"></path></svg> </a> <span aria-hidden="true" class="buttonTopLeftGoBack-module-scss-module__BnfKyq__rule"></span> <a class="buttonTopLeftGoBack-module-scss-module__BnfKyq__slot" href="/" aria-label="Home" title="Home"> <svg fill="currentColor" height="16" viewBox="0 0 23.6719 22.1631" width="16" aria-hidden="true"><path d="M14.1699 18.938L9.13086 18.938L9.13086 12.4829C9.13086 12.0337 9.43359 11.7407 9.88281 11.7407L13.4277 11.7407C13.877 11.7407 14.1699 12.0337 14.1699 12.4829ZM3.04688 18.3521C3.04688 19.7095 3.86719 20.5103 5.24414 20.5103L18.0859 20.5103C19.4629 20.5103 20.2734 19.7095 20.2734 18.3521L20.2734 10.6177L12.2461 3.88916C11.875 3.57666 11.4355 3.58643 11.0742 3.88916L3.04688 10.6177ZM0 9.64111C0 10.0415 0.3125 10.4224 0.839844 10.4224C1.11328 10.4224 1.33789 10.2759 1.54297 10.1099L11.3184 1.90674C11.5332 1.71143 11.7969 1.71143 12.0117 1.90674L21.7871 10.1099C21.9824 10.2759 22.207 10.4224 22.4805 10.4224C22.9395 10.4224 23.3105 10.1392 23.3105 9.67041C23.3105 9.37744 23.2129 9.18213 23.0078 9.00635L12.8418 0.461426C12.1191-0.153809 11.2207-0.153809 10.4883 0.461426L0.3125 9.00635C0.0976562 9.18213 0 9.4165 0 9.64111ZM17.8223 5.23682L20.2734 7.30713L20.2734 2.79541C20.2734 2.36572 20 2.09229 19.5703 2.09229L18.5254 2.09229C18.1055 2.09229 17.8223 2.36572 17.8223 2.79541Z" fill-opacity="0.9"></path></svg> </a> </div> <span class="w-10" aria-hidden="true"></span> </div> </div> <div class="HomeBanner-module-scss-module__eAYNsa__heroRoot detail-hero-root"> <div class="HomeBanner-module-scss-module__eAYNsa__billboard HomeBanner-module-scss-module__eAYNsa__billboardStatic" id="detailBillboard"> <div class="heroFade-module-scss-module__qCmkoa__backdropWrap"> <img alt="" class="HomeBanner-module-scss-module__eAYNsa__backdropImg detail-hero-art" decoding="async" fetchpriority="high" src="/assets/img/poster-fallback.svg" style="position:absolute;height:100%;width:100%;inset:0;object-fit:cover;object-position:center 20%;color:transparent" > </div> <div class="heroFade-module-scss-module__qCmkoa__vignette" aria-hidden="true"></div> <div class="HomeBanner-module-scss-module__eAYNsa__content HomeBanner-module-scss-module__eAYNsa__contentDetails"> <div class="layout-container w-full"> <div class="HomeBanner-module-scss-module__eAYNsa__stack text-left"> <div> <div class="HeroCopy-module-scss-module__Y82t7W__titleWrap"> <h1 class="HomeBanner-module-scss-module__eAYNsa__titleFallback">Friendly Monsters: A Monster Holiday</h1> </div> <div class="HeroCopy-module-scss-module__Y82t7W__metaCollapse"> <div class="HeroCopy-module-scss-module__Y82t7W__metaCollapseInner"> <div class="HeroCopy-module-scss-module__Y82t7W__attributes"> <div class="HeroCopy-module-scss-module__Y82t7W__facts"> <span class="HeroCopy-module-scss-module__Y82t7W__fact"> <span class="HeroCopy-module-scss-module__Y82t7W__score"> <svg aria-hidden="true" class="lucide lucide-star HeroCopy-module-scss-module__Y82t7W__scoreStar" fill="currentColor" height="13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="13"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">0.0</span> </span> </span> <span class="HeroCopy-module-scss-module__Y82t7W__fact"> <span aria-hidden="true" class="HeroCopy-module-scss-module__Y82t7W__factDot">·</span> <span class="inline-flex items-center gap-2.5" aria-label="Community votes" data-vote-key="movie:807448"> <button type="button" class="js-vote inline-flex items-center gap-1 transition-colors text-white/70 hover:text-white" data-vote="up" aria-pressed="false" aria-label="Upvote"> <svg fill="none" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewBox="0 0 24 24" width="14"><path d="m18 15-6-6-6 6"></path></svg> <span class="tabular-nums" data-vote-count="up">0</span> </button> <button type="button" class="js-vote inline-flex items-center gap-1 transition-colors text-white/70 hover:text-white" data-vote="down" aria-pressed="false" aria-label="Downvote"> <svg fill="none" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" viewBox="0 0 24 24" width="14"><path d="m6 9 6 6 6-6"></path></svg> <span class="tabular-nums" data-vote-count="down">0</span> </button> </span> </span> <span class="HeroCopy-module-scss-module__Y82t7W__fact"><span aria-hidden="true" class="HeroCopy-module-scss-module__Y82t7W__factDot">·</span><span class="tabular-nums">1994</span></span> <span class="HeroCopy-module-scss-module__Y82t7W__fact"><span aria-hidden="true" class="HeroCopy-module-scss-module__Y82t7W__factDot">·</span><span class="tabular-nums">28 min</span></span> </div> </div> <div class="HeroCopy-module-scss-module__Y82t7W__genres"> <span class="HeroCopy-module-scss-module__Y82t7W__genre">Animation</span> </div> <p class="HeroCopy-module-scss-module__Y82t7W__description">In this latest adventure, Tom sneaks his monster pals in his suitcase and takes them on the family holiday. Meanwhile Moggie McNab, whose partner in crime is the infamous Count, steals "The Moping Marjory", a famous pai…</p> </div> </div> </div> <div class="HomeBanner-module-scss-module__eAYNsa__ctaRow flex-wrap"> <a class="js-play-enter" tabindex="-1" href="/movie/807448?play=true" data-preload-src="https://www.chillflix.lol/embed/movie/807448?autoplay=false&watchparty=false&title=false&watchstart=true&parent_origin=https%3A%2F%2Ftoflix.co" data-detail-id="807448" data-detail-type="movie" data-resume-at="0"> <button class="flex items-center justify-center font-medium tracking-tight transition-all duration-200 h-10 px-4 gap-2 rounded-full md:h-11 md:gap-3 md:px-7 bg-text-hi hover:bg-white active:scale-[0.98]" type="button" tabindex="-1" style="background-color:#eef1f6;color:#05070a"> <svg class="w-5 h-5 md:w-[22px] md:h-[22px]" fill="currentColor" viewBox="0 0 24 24" style="color:#05070a"><polygon points="5,3 19,12 5,21"></polygon></svg> <span class="js-play-label" style="color:#05070a">Play</span> </button> </a> <div class="relative" id="watchlistWrap"> <button type="button" class="control-3d flex items-center justify-center gap-2 h-10 px-4 md:h-11 md:gap-3 md:px-6 rounded-full font-medium tracking-tight text-text-hi hover:border-white/15 active:scale-[0.98] transition-all duration-200 text-[12px] md:text-[13px]" id="watchlistBtn" data-id="807448" data-type="movie" data-title="Friendly Monsters: A Monster Holiday" data-poster="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw300%2Frns3NnNw4b51jfyoWPWt37KMM0O.jpg&output=webp&q=50&n=-1" data-href="/movie/807448"> <svg class="lucide lucide-plus shrink-0" data-wl-icon="add" fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg> <svg class="lucide lucide-check shrink-0" data-wl-icon="on" fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="18" hidden><path d="M20 6 9 17l-5-5"></path></svg> <span class="truncate" data-wl-label>Add to List</span> </button> </div> </div> </div> </div> </div> <div class="heroFade-module-scss-module__qCmkoa__seamFade" aria-hidden="true"></div> </div> </div> <script> (function () { var src = "https://www.chillflix.lol/embed/movie/807448?autoplay=false&watchparty=false&title=false&watchstart=true&parent_origin=https%3A%2F%2Ftoflix.co"; if (src && typeof window.__movySetPreload === 'function') window.__movySetPreload(src); })(); </script> <div class="layout-container detail-below z-[1] w-full pb-4 lg:pb-20"> <section class="about-module-scss-module__ap6l7W__section"> <div class="flex items-start justify-between gap-4 mb-5"> <div class="flex min-w-0 gap-2.5"> <span class="mt-0.5 w-[3px] self-stretch min-h-[1.15em] bg-primary shrink-0" aria-hidden="true"></span> <div class="min-w-0"> <h2 class="text-xl md:text-2xl font-semibold text-text-hi truncate m-0">Cast</h2> <p class="mt-0.5 text-[13px] md:text-sm text-text-mid line-clamp-2 m-0">The cast behind this title</p> </div> </div> </div> <div class="ScrollRow-module-scss-module__-kZXvG__row ScrollRow-module-scss-module__-kZXvG__bleed"> <div class="ScrollRow-module-scss-module__-kZXvG__track" tabindex="0"> <div class="homeSlider-module-scss-module__4gDX3a__actorSlider shrink-0"> <a class="about-module-scss-module__ap6l7W__actor" href="/person/216098"> <div class="about-module-scss-module__ap6l7W__photo"> <img alt="" class="about-module-scss-module__ap6l7W__photoImg" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw185%2FtpTK6n6XOqwLRolZ9nOCX7q06mS.jpg&output=webp&q=50&n=-1"> </div> <strong class="about-module-scss-module__ap6l7W__name">Rob Rackstraw</strong> <span class="about-module-scss-module__ap6l7W__role"></span> </a> </div> <div class="homeSlider-module-scss-module__4gDX3a__actorSlider shrink-0"> <a class="about-module-scss-module__ap6l7W__actor" href="/person/2410249"> <div class="about-module-scss-module__ap6l7W__photo"> <img alt="" class="about-module-scss-module__ap6l7W__photoImg" loading="lazy" src="/assets/img/poster-fallback.svg"> </div> <strong class="about-module-scss-module__ap6l7W__name">Emily Oldfield</strong> <span class="about-module-scss-module__ap6l7W__role"></span> </a> </div> <div class="homeSlider-module-scss-module__4gDX3a__actorSlider shrink-0"> <a class="about-module-scss-module__ap6l7W__actor" href="/person/1452676"> <div class="about-module-scss-module__ap6l7W__photo"> <img alt="" class="about-module-scss-module__ap6l7W__photoImg" loading="lazy" src="/assets/img/poster-fallback.svg"> </div> <strong class="about-module-scss-module__ap6l7W__name">Martin Oldfield</strong> <span class="about-module-scss-module__ap6l7W__role"></span> </a> </div> </div> </div> </section> <div data-reveal="true"> <div class="flex items-start justify-between gap-4 mb-5"> <div class="flex min-w-0 gap-2.5"> <span class="mt-0.5 w-[3px] self-stretch min-h-[1.15em] bg-primary shrink-0" aria-hidden="true"></span> <div class="min-w-0"> <h2 class="text-xl md:text-2xl font-semibold text-text-hi truncate m-0">You may like</h2> <p class="mt-0.5 text-[13px] md:text-sm text-text-mid line-clamp-2 m-0">More titles like this one</p> </div> </div> </div> <div class="ScrollRow-module-scss-module__-kZXvG__row ScrollRow-module-scss-module__-kZXvG__bleed" data-at-start="true" data-at-end="false"> <button type="button" class="row-arrow row-arrow-left hidden md:inline-flex" aria-label="Scroll left" hidden> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M15 5l-7 7 7 7"/></svg> </button> <div class="ScrollRow-module-scss-module__-kZXvG__track" role="group" aria-label="You may like" tabindex="0"> <span class="ScrollRow-module-scss-module__-kZXvG__sentinel ScrollRow-module-scss-module__-kZXvG__sentinelStart" aria-hidden="true"></span> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/81003"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FpuN8XJHaxj7gkxrd7OsYVptR1QB.jpg&output=webp&q=65&n=-1" > <img alt="Kung Fu Panda: Secrets of the Masters" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FpuN8XJHaxj7gkxrd7OsYVptR1QB.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Kung Fu Panda: Secrets of the Masters </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.5</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2011</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/166747"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FVsU83rwkldI0Sdsa6XFwKwyjpA.jpg&output=webp&q=65&n=-1" > <img alt="Monster High: Friday Night Frights" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FVsU83rwkldI0Sdsa6XFwKwyjpA.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Monster High: Friday Night Frights </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.8</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2012</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/743439"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2Fvwpxy4kmQyW5aBJ3uxhQM6koU6H.jpg&output=webp&q=65&n=-1" > <img alt="PAW Patrol: Jet to the Rescue" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2Fvwpxy4kmQyW5aBJ3uxhQM6koU6H.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> PAW Patrol: Jet to the Rescue </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.1</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2020</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/290727"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2Ftg0aXAvX4qKCkpPQImNEE0e90Pf.jpg&output=webp&q=65&n=-1" > <img alt="Monster High: Freaky Fusion" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2Ftg0aXAvX4qKCkpPQImNEE0e90Pf.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Monster High: Freaky Fusion </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.8</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2014</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/554594"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FdYghS9G00IbI3dEPHWcCm8YuviH.jpg&output=webp&q=65&n=-1" > <img alt="Koati" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FdYghS9G00IbI3dEPHWcCm8YuviH.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Koati </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.0</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2021</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/416153"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F201mKrWi37SE1YkdqRP7rE3QamK.jpg&output=webp&q=65&n=-1" > <img alt="Arctic Dogs" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F201mKrWi37SE1YkdqRP7rE3QamK.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Arctic Dogs </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.0</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2019</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/823609"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F9OE62lhp5FPNJMfKXodegVLjHUA.jpg&output=webp&q=65&n=-1" > <img alt="Monster Family 2" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F9OE62lhp5FPNJMfKXodegVLjHUA.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Monster Family 2 </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.6</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2021</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/283161"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2Fw5kcKQi7tfIk9r6sSt8njc9CFoA.jpg&output=webp&q=65&n=-1" > <img alt="Kahlil Gibran's The Prophet" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2Fw5kcKQi7tfIk9r6sSt8njc9CFoA.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Kahlil Gibran's The Prophet </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.3</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2014</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/1139979"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FbsesTngzYDZiHiYpsq12av3bkk2.jpg&output=webp&q=65&n=-1" > <img alt="The Wonderful World of Mickey Mouse: Steamboat Silly" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FbsesTngzYDZiHiYpsq12av3bkk2.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> The Wonderful World of Mickey Mouse: Steamboat Silly </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.9</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2023</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/835739"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FeK6eBzp7m7WZYaJ3iAnjdPDngiP.jpg&output=webp&q=65&n=-1" > <img alt="Super Monsters: Once Upon a Rhyme" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FeK6eBzp7m7WZYaJ3iAnjdPDngiP.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Super Monsters: Once Upon a Rhyme </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.1</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2021</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/1203329"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F1YL8ksfwm3p2Tgt1yaNVYYOvOKC.jpg&output=webp&q=65&n=-1" > <img alt="The Witcher: Sirens of the Deep" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F1YL8ksfwm3p2Tgt1yaNVYYOvOKC.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> The Witcher: Sirens of the Deep </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.8</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2025</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/134632"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F5WXcwMjrrGGJrUqKKrLflCmdz9v.jpg&output=webp&q=65&n=-1" > <img alt="Monster High: Ghouls Rule" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F5WXcwMjrrGGJrUqKKrLflCmdz9v.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Monster High: Ghouls Rule </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.9</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2012</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/723895"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FyKaKpY82MhGfwaiWquTfgaBWpns.jpg&output=webp&q=65&n=-1" > <img alt="Dragons: Rescue Riders: Secrets of the Songwing" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FyKaKpY82MhGfwaiWquTfgaBWpns.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Dragons: Rescue Riders: Secrets of the Songwing </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.3</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2020</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/858064"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FaJBpwcfIdurKgiCTYYiqtXkRwUR.jpg&output=webp&q=65&n=-1" > <img alt="Night of the Animated Dead" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FaJBpwcfIdurKgiCTYYiqtXkRwUR.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Night of the Animated Dead </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.1</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2021</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/24528"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FgVgpNGHkgK8iPfKnc89jL8kmKsD.jpg&output=webp&q=65&n=-1" > <img alt="Killer Bean Forever" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FgVgpNGHkgK8iPfKnc89jL8kmKsD.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Killer Bean Forever </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.2</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2008</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/192911"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F3QeyBMo2PmS1rOUciSkKzsFLugf.jpg&output=webp&q=65&n=-1" > <img alt="Monster High: Scaris City of Frights" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2F3QeyBMo2PmS1rOUciSkKzsFLugf.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Monster High: Scaris City of Frights </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.9</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2013</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/109298"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FwavmLaDR11V3SOwgO6UPKG5Rs0b.jpg&output=webp&q=65&n=-1" > <img alt="The Big Bad Wolf" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2FwavmLaDR11V3SOwgO6UPKG5Rs0b.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> The Big Bad Wolf </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">6.5</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">1934</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <div class="homeSlider-module-scss-module__4gDX3a__homeBannerSlider"> <div class="group"> <div class="w-full media-card media-card-vertical movieCard-module-scss-module__Xn2B8q__movieCard"> <a href="/movie/167666"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardImage"> <div class="movieCard-module-scss-module__Xn2B8q__movieCardFilter"></div> <div aria-hidden="true" class="movieCard-module-scss-module__Xn2B8q__backdropPlaceholder"></div> <img alt="" class="movieCard-module-scss-module__Xn2B8q__backdropPosterMobile" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2Ffpx6aDOHEEuLHEo6glbFU0ueeo8.jpg&output=webp&q=65&n=-1" > <img alt="Monster High: Escape from Skull Shores" class="movieCard-module-scss-module__Xn2B8q__movieCardPoster" decoding="async" loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw780%2Ffpx6aDOHEEuLHEo6glbFU0ueeo8.jpg&output=webp&q=65&n=-1" > <div class="movieCard-module-scss-module__Xn2B8q__trailerWrapper"></div> </div> <div class="mt-2.5 px-0.5"> <h3 class="text-[13px] font-medium leading-snug text-text-hi line-clamp-1 transition-colors duration-200 group-hover:text-primary"> Monster High: Escape from Skull Shores </h3> <div class="flex items-center gap-1.5 mt-1 text-[11px] text-text-mid leading-none truncate"> <span class="inline-flex items-center gap-1.5"> <span class="inline-flex items-center gap-1"> <svg class="lucide lucide-star text-primary/80 fill-primary/80" fill="currentColor" height="10" viewBox="0 0 24 24" width="10"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> <span class="tabular-nums">7.7</span> </span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span class="tabular-nums">2012</span> </span> <span class="inline-flex items-center gap-1.5"> <span aria-hidden="true" class="text-white/20">·</span> <span>Movie</span> </span> </div> </div> </a> </div> </div> </div> <span class="ScrollRow-module-scss-module__-kZXvG__sentinel ScrollRow-module-scss-module__-kZXvG__sentinelEnd" aria-hidden="true"></span> </div> <button type="button" class="row-arrow row-arrow-right hidden md:inline-flex" aria-label="Scroll right"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M9 5l7 7-7 7"/></svg> </button> </div> </div> </div> </main> <footer class="relative z-[1] border-t border-white/[0.06]"> <div class="layout-container flex flex-col gap-3 py-5 md:flex-row md:items-start md:justify-between md:gap-12 md:py-6"> <p class="text-[11px] leading-[1.7] text-zinc-400 max-w-xl m-0">Toflix does not host, upload, or store any files. Titles shown here are indexed automatically from public sources and third-party services. The media stays on those platforms — we only provide links.</p> <div class="shrink-0 md:text-right"> <p class="text-[11px] text-zinc-400 m-0">© 2026 Toflix<span class="text-zinc-400"> · v0.2.1</span></p> <p class="mt-1.5 flex flex-wrap gap-x-2.5 text-[11px] text-zinc-400 md:justify-end m-0"> <a class="underline decoration-white/15 underline-offset-2 transition-colors hover:text-zinc-400" href="/help">Get help</a> <a class="underline decoration-white/15 underline-offset-2 transition-colors hover:text-zinc-400" href="/legal/terms">Terms</a> <a class="underline decoration-white/15 underline-offset-2 transition-colors hover:text-zinc-400" href="/legal/privacy">Privacy</a> <a class="underline decoration-white/15 underline-offset-2 transition-colors hover:text-zinc-400" href="/legal/dmca">DMCA</a> <a class="underline decoration-white/15 underline-offset-2 transition-colors hover:text-zinc-400" href="/embed">API</a> <a class="underline decoration-white/15 underline-offset-2 transition-colors hover:text-zinc-400" href="/app" data-app-link>Get the app</a> </p> </div> </div> </footer> <div class="search-modal" id="searchModal" hidden> <div class="search-modal-backdrop" data-close-search></div> <div class="search-sheet" role="dialog" aria-modal="true" aria-label="Search"> <div class="search-sheet-handle" aria-hidden="true"></div> <div class="search-panel control-3d" id="searchPanel"> <div class="search-filters" role="tablist" aria-label="Search filter"> <span class="search-filter-mark" data-search-mark aria-hidden="true"></span> <button type="button" class="search-filter is-active" role="tab" aria-selected="true" data-search-type="all">All</button> <button type="button" class="search-filter" role="tab" aria-selected="false" data-search-type="movie">Movies</button> <button type="button" class="search-filter" role="tab" aria-selected="false" data-search-type="tv">Shows</button> <button type="button" class="search-filter" role="tab" aria-selected="false" data-search-type="anime">Anime</button> </div> <div class="search-panel-body" id="searchLive" aria-live="polite"></div> </div> <div class="search-footer"> <form class="search-bar control-3d" action="/search" method="get" autocomplete="off" id="searchForm"> <svg class="search-bar-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.85" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="M20 20l-3.5-3.5"/></svg> <input type="search" name="q" id="searchInput" placeholder="Search movies, shows, and anime" enterkeyhint="search" aria-label="Search"> </form> <button type="button" class="search-bar-close control-3d" data-clear-search-input aria-label="Clear search"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" aria-hidden="true"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> </div> </div> <div id="authWall" class="auth-wall" hidden aria-hidden="true"> <div class="auth-wall-shell" role="dialog" aria-modal="true" aria-labelledby="authWallTitle"> <div class="AuthWall-module-scss-module__PGaXfG__dots" aria-hidden="true"></div> <button type="button" class="auth-wall-back" data-auth-close aria-label="Close"> <svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M7 1.5 1.5 7 7 12.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 7h18" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path> </svg> </button> <div class="auth-wall-layout"> <div class="AuthWall-module-scss-module__PGaXfG__mobileMarquee" aria-hidden="true"> <div class="auth-wall-mobile-marquee-inner"> <div class="PosterMarquee-module-scss-module__syN69a__wall PosterMarquee-module-scss-module__syN69a__banner" aria-hidden="true"> <div class="PosterMarquee-module-scss-module__syN69a__row"> <div class="PosterMarquee-module-scss-module__syN69a__track"> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 30s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fi7UyjfPio0VFHB9rBUZSFyhOoM8.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F6Q6Zo6GNXMLP600OJSh6MhW21um.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbRwnj8WEKBCvmfeUNOukJPwB43K.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbAbBNVplg7h79sm94OyHeKk8Phz.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1ATXKrIPJyKNwnJ6lcG088Sa6zi.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FkYDCl2y0VPvhT5eYWbMRInPoB03.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FdbP661svmn7XZq3TdSmSUI5UKQJ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FtEPDFIa21VK0Q2YLuzhTt2xrw5W.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Ff1VCQIG2iCyOookdgOzwtUpwWC0.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FeyK6fy2NWfjmyBjUvRAR14FynPK.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FdB4EDhre2dsC2kxYDavyKWqLQwi.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FNjr0Rlb4CobAfrGE8NVffYDGqx.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 30s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fi7UyjfPio0VFHB9rBUZSFyhOoM8.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F6Q6Zo6GNXMLP600OJSh6MhW21um.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbRwnj8WEKBCvmfeUNOukJPwB43K.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbAbBNVplg7h79sm94OyHeKk8Phz.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1ATXKrIPJyKNwnJ6lcG088Sa6zi.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FkYDCl2y0VPvhT5eYWbMRInPoB03.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FdbP661svmn7XZq3TdSmSUI5UKQJ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FtEPDFIa21VK0Q2YLuzhTt2xrw5W.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Ff1VCQIG2iCyOookdgOzwtUpwWC0.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FeyK6fy2NWfjmyBjUvRAR14FynPK.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FdB4EDhre2dsC2kxYDavyKWqLQwi.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FNjr0Rlb4CobAfrGE8NVffYDGqx.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> <div class="PosterMarquee-module-scss-module__syN69a__track"> <div class="PosterMarquee-module-scss-module__syN69a__rail PosterMarquee-module-scss-module__syN69a__reverse" style="--duration: 35s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FfYXqpgPmHMphSF2W30GbTeJVIa5.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbjiS5ipwxb9JFy3XRRN4OAilSeX.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1ApfSA8JTqeha3GTFEY8syV4auq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fgaet1xQ2nxrG0V1Ep9T20ZMNEIC.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fmyd1K3gefdNAWFsGNRDdMeiK9Qg.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FsfQtVlIHljToOwYjhe21KPGzZWK.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FyopXjun3ICFfJci2ukcEzceZjUs.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F5Xc7WpWsgflfgEMoBlf9TmWhfbH.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F4TU0PcHBIl0wPW5B6aVRGExOnHE.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FAdYr4DjOgXvDUMwu6vEhZy1Rnxk.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fk7n2EVge7G77eMr3brztRGG1fFU.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fp3Ro0ngezX9aNZY6j3vYbpQqVhr.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail PosterMarquee-module-scss-module__syN69a__reverse" style="--duration: 35s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FfYXqpgPmHMphSF2W30GbTeJVIa5.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbjiS5ipwxb9JFy3XRRN4OAilSeX.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1ApfSA8JTqeha3GTFEY8syV4auq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fgaet1xQ2nxrG0V1Ep9T20ZMNEIC.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fmyd1K3gefdNAWFsGNRDdMeiK9Qg.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FsfQtVlIHljToOwYjhe21KPGzZWK.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FyopXjun3ICFfJci2ukcEzceZjUs.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F5Xc7WpWsgflfgEMoBlf9TmWhfbH.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F4TU0PcHBIl0wPW5B6aVRGExOnHE.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FAdYr4DjOgXvDUMwu6vEhZy1Rnxk.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fk7n2EVge7G77eMr3brztRGG1fFU.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fp3Ro0ngezX9aNZY6j3vYbpQqVhr.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> <div class="PosterMarquee-module-scss-module__syN69a__track"> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 40s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FniQ4NBh2jqAf1hDZP5m6ReWFAb7.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F5rhTDKUhPYvpdQIijFIs5VoWsON.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FlNBxToxHWrzmkqeFnf1XADUTxQq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FrhGx6E3qRNMgj3i5su2oukNHwIQ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fj2ajSnvBSb0rvDJrlTWTsxsmHWJ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1n37BJchWHLiSYQkuFxe5KjB951.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F57XScX1aYtKi1LvHYFQLPUxVhTG.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FgpC7h43xPMEV3goYMQShfJbTtLq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FrzpHPSEgPTpRs8EHbygwsOw7jC0.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FgLKOYIMyKlUHW0SVdskhgf9C0yy.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FmVXUJjlOSiYMpApFoPyWTnqBhUm.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FeM8bbTn8C8vUwwS6upzzm7gX31u.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 40s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FniQ4NBh2jqAf1hDZP5m6ReWFAb7.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F5rhTDKUhPYvpdQIijFIs5VoWsON.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FlNBxToxHWrzmkqeFnf1XADUTxQq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FrhGx6E3qRNMgj3i5su2oukNHwIQ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fj2ajSnvBSb0rvDJrlTWTsxsmHWJ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1n37BJchWHLiSYQkuFxe5KjB951.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F57XScX1aYtKi1LvHYFQLPUxVhTG.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FgpC7h43xPMEV3goYMQShfJbTtLq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FrzpHPSEgPTpRs8EHbygwsOw7jC0.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FgLKOYIMyKlUHW0SVdskhgf9C0yy.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FmVXUJjlOSiYMpApFoPyWTnqBhUm.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FeM8bbTn8C8vUwwS6upzzm7gX31u.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> </div> </div> </div> </div> <div class="auth-wall-content"> <div class="auth-wall-body"> <div class="auth-wall-inner"> <div class="auth-wall-head"> <h2 id="authWallTitle" class="auth-wall-title" data-auth-title-login="Welcome back to Toflix" data-auth-title-signup="Create your Toflix account">Welcome back to Toflix</h2> <p class="auth-wall-sub" data-auth-subtitle data-auth-sub-login="Scan the QR code or use your username to log in" data-auth-sub-signup="Fill in your details to get started">Scan the QR code or use your username to log in</p> </div> <div class="auth-wall-main"> <div class="auth-qr-col"> <div class="auth-qr-frame" id="authQrFrame"> <div id="authQrCode" class="auth-qr-code"></div> <span class="auth-qr-badge" aria-hidden="true">toflix</span> </div> <p class="auth-qr-title">Scan this code on a signed-in device</p> <p class="auth-qr-desc">On a signed-in phone, tap the scan icon next to notifications. You can also use the Camera app.</p> <span class="auth-qr-timer" id="authQrTimer">Code expires in --:--</span> </div> <div class="auth-or auth-or-mobile" aria-hidden="true"> <span class="auth-or-line"></span> <span class="auth-or-label">OR</span> <span class="auth-or-line"></span> </div> <div class="auth-or auth-or-desktop" aria-hidden="true"> <span class="auth-or-vline"></span> <span class="auth-or-label">OR</span> <span class="auth-or-vline"></span> </div> <div class="auth-form-col"> <form class="auth-form" id="authLoginForm" method="post" action="#" autocomplete="on" data-auth-mode="login" novalidate data-no-spa="1"> <div class="auth-field"> <span class="auth-field-icon" aria-hidden="true"> <svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="16"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg> </span> <input name="username" type="text" placeholder="Username or email" autocomplete="username" required minlength="3" maxlength="190" autocapitalize="none" spellcheck="false"> </div> <div class="auth-field auth-field-email" data-auth-email hidden> <span class="auth-field-icon" aria-hidden="true"> <svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="16"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path></svg> </span> <input name="email" type="email" placeholder="Email" autocomplete="email" maxlength="190"> </div> <div class="auth-field"> <span class="auth-field-icon" aria-hidden="true"> <svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="16"><rect width="18" height="11" x="3" y="11" rx="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg> </span> <input name="password" type="password" placeholder="Password" autocomplete="current-password" required id="authLoginPassword"> <button type="button" class="auth-eye" data-toggle-pass="authLoginPassword" aria-label="Show password" tabindex="-1"> <svg data-eye="show" fill="none" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="15"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> <svg data-eye="hide" hidden fill="none" height="15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="15"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"></path><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"></path><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"></path><path d="m2 2 20 20"></path></svg> </button> </div> <div class="auth-pass-meter" id="authPassMeter" hidden> <div class="auth-pass-meter-track" aria-hidden="true"><span id="authPassMeterBar"></span></div> <p class="auth-pass-meter-label" id="authPassMeterLabel">Low</p> </div> <p class="auth-error" id="authLoginError" hidden role="alert"></p> <button type="submit" class="auth-submit" data-auth-submit>Login</button> <p class="auth-switch" data-auth-switch-login>New to Toflix? <button type="button" data-auth-show="signup">Create an account</button></p> <p class="auth-switch" data-auth-switch-signup hidden>Already have an account? <button type="button" data-auth-show="login">Login</button></p> </form> </div> </div> </div> </div> <div class="auth-wall-foot"> <p class="auth-legal">By continuing you agree to our <a href="/legal/terms">Terms</a>, <a href="/legal/privacy">Privacy</a> and <a href="/legal/dmca">DMCA</a>.</p> <a class="auth-help" href="/help"> <svg fill="none" height="13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="13"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg> Get help </a> </div> </div> <div class="auth-wall-desktop-marquee" aria-hidden="true"> <div class="auth-wall-desktop-marquee-stage"> <div class="PosterMarquee-module-scss-module__syN69a__wall" aria-hidden="true"> <div class="PosterMarquee-module-scss-module__syN69a__row"> <div class="PosterMarquee-module-scss-module__syN69a__track"> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 36s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fi7UyjfPio0VFHB9rBUZSFyhOoM8.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbRwnj8WEKBCvmfeUNOukJPwB43K.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1ATXKrIPJyKNwnJ6lcG088Sa6zi.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FdbP661svmn7XZq3TdSmSUI5UKQJ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Ff1VCQIG2iCyOookdgOzwtUpwWC0.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FdB4EDhre2dsC2kxYDavyKWqLQwi.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 36s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fi7UyjfPio0VFHB9rBUZSFyhOoM8.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbRwnj8WEKBCvmfeUNOukJPwB43K.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1ATXKrIPJyKNwnJ6lcG088Sa6zi.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FdbP661svmn7XZq3TdSmSUI5UKQJ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Ff1VCQIG2iCyOookdgOzwtUpwWC0.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FdB4EDhre2dsC2kxYDavyKWqLQwi.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> <div class="PosterMarquee-module-scss-module__syN69a__track PosterMarquee-module-scss-module__syN69a__offset"> <div class="PosterMarquee-module-scss-module__syN69a__rail PosterMarquee-module-scss-module__syN69a__reverse" style="--duration: 44s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FfYXqpgPmHMphSF2W30GbTeJVIa5.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1ApfSA8JTqeha3GTFEY8syV4auq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fmyd1K3gefdNAWFsGNRDdMeiK9Qg.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FyopXjun3ICFfJci2ukcEzceZjUs.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F4TU0PcHBIl0wPW5B6aVRGExOnHE.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fk7n2EVge7G77eMr3brztRGG1fFU.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail PosterMarquee-module-scss-module__syN69a__reverse" style="--duration: 44s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FfYXqpgPmHMphSF2W30GbTeJVIa5.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1ApfSA8JTqeha3GTFEY8syV4auq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fmyd1K3gefdNAWFsGNRDdMeiK9Qg.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FyopXjun3ICFfJci2ukcEzceZjUs.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F4TU0PcHBIl0wPW5B6aVRGExOnHE.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fk7n2EVge7G77eMr3brztRGG1fFU.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> <div class="PosterMarquee-module-scss-module__syN69a__track"> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 52s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FniQ4NBh2jqAf1hDZP5m6ReWFAb7.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FlNBxToxHWrzmkqeFnf1XADUTxQq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fj2ajSnvBSb0rvDJrlTWTsxsmHWJ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F57XScX1aYtKi1LvHYFQLPUxVhTG.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FrzpHPSEgPTpRs8EHbygwsOw7jC0.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FmVXUJjlOSiYMpApFoPyWTnqBhUm.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 52s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FniQ4NBh2jqAf1hDZP5m6ReWFAb7.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FlNBxToxHWrzmkqeFnf1XADUTxQq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fj2ajSnvBSb0rvDJrlTWTsxsmHWJ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F57XScX1aYtKi1LvHYFQLPUxVhTG.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FrzpHPSEgPTpRs8EHbygwsOw7jC0.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FmVXUJjlOSiYMpApFoPyWTnqBhUm.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> <div class="PosterMarquee-module-scss-module__syN69a__track PosterMarquee-module-scss-module__syN69a__offset"> <div class="PosterMarquee-module-scss-module__syN69a__rail PosterMarquee-module-scss-module__syN69a__reverse" style="--duration: 36s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F6Q6Zo6GNXMLP600OJSh6MhW21um.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbAbBNVplg7h79sm94OyHeKk8Phz.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FkYDCl2y0VPvhT5eYWbMRInPoB03.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FtEPDFIa21VK0Q2YLuzhTt2xrw5W.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FeyK6fy2NWfjmyBjUvRAR14FynPK.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FNjr0Rlb4CobAfrGE8NVffYDGqx.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail PosterMarquee-module-scss-module__syN69a__reverse" style="--duration: 36s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F6Q6Zo6GNXMLP600OJSh6MhW21um.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbAbBNVplg7h79sm94OyHeKk8Phz.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FkYDCl2y0VPvhT5eYWbMRInPoB03.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FtEPDFIa21VK0Q2YLuzhTt2xrw5W.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FeyK6fy2NWfjmyBjUvRAR14FynPK.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FNjr0Rlb4CobAfrGE8NVffYDGqx.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> <div class="PosterMarquee-module-scss-module__syN69a__track"> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 44s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbjiS5ipwxb9JFy3XRRN4OAilSeX.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fgaet1xQ2nxrG0V1Ep9T20ZMNEIC.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FsfQtVlIHljToOwYjhe21KPGzZWK.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F5Xc7WpWsgflfgEMoBlf9TmWhfbH.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FAdYr4DjOgXvDUMwu6vEhZy1Rnxk.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fp3Ro0ngezX9aNZY6j3vYbpQqVhr.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail" style="--duration: 44s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FbjiS5ipwxb9JFy3XRRN4OAilSeX.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fgaet1xQ2nxrG0V1Ep9T20ZMNEIC.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FsfQtVlIHljToOwYjhe21KPGzZWK.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F5Xc7WpWsgflfgEMoBlf9TmWhfbH.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FAdYr4DjOgXvDUMwu6vEhZy1Rnxk.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2Fp3Ro0ngezX9aNZY6j3vYbpQqVhr.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> <div class="PosterMarquee-module-scss-module__syN69a__track PosterMarquee-module-scss-module__syN69a__offset"> <div class="PosterMarquee-module-scss-module__syN69a__rail PosterMarquee-module-scss-module__syN69a__reverse" style="--duration: 52s"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F5rhTDKUhPYvpdQIijFIs5VoWsON.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FrhGx6E3qRNMgj3i5su2oukNHwIQ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1n37BJchWHLiSYQkuFxe5KjB951.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FgpC7h43xPMEV3goYMQShfJbTtLq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FgLKOYIMyKlUHW0SVdskhgf9C0yy.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FeM8bbTn8C8vUwwS6upzzm7gX31u.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> <div class="PosterMarquee-module-scss-module__syN69a__rail PosterMarquee-module-scss-module__syN69a__reverse" style="--duration: 52s" aria-hidden="true"> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F5rhTDKUhPYvpdQIijFIs5VoWsON.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FrhGx6E3qRNMgj3i5su2oukNHwIQ.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2F1n37BJchWHLiSYQkuFxe5KjB951.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FgpC7h43xPMEV3goYMQShfJbTtLq.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FgLKOYIMyKlUHW0SVdskhgf9C0yy.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> <figure class="PosterMarquee-module-scss-module__syN69a__poster"> <img src="https://wsrv.nl/?url=https%3A%2F%2Fimage.tmdb.org%2Ft%2Fp%2Fw500%2FeM8bbTn8C8vUwwS6upzzm7gX31u.jpg&output=webp&q=62&n=-1" alt="" loading="lazy" decoding="async"> </figure> </div> </div> </div> <div class="PosterMarquee-module-scss-module__syN69a__fadeTop"></div> <div class="PosterMarquee-module-scss-module__syN69a__fadeBottom"></div> </div> </div> <div class="auth-wall-desktop-fade"></div> </div> </div> </div> </div> <div class="acct-menu" id="accountMenu" hidden aria-hidden="true"> <button type="button" class="acct-menu-backdrop" data-acct-close aria-label="Close menu"></button> <div class="acct-menu-panel" role="menu" aria-label="Account"> <div class="acct-menu-head"> <div class="acct-menu-av" data-acct-av> <svg fill="none" height="22" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="22"><circle cx="12" cy="8" r="4"/><path d="M4 20a8 8 0 0 1 16 0"/></svg> </div> <div class="acct-menu-meta"> <div class="acct-menu-name" data-acct-name>—</div> <div class="acct-menu-email" data-acct-email></div> </div> <div class="acct-menu-head-tools"> <a class="acct-menu-bell" href="/scan" aria-label="Scan QR" title="Scan QR" data-acct-close> <svg fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="18" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><rect x="7" y="7" width="4" height="4" rx="0.5"/><rect x="13" y="7" width="4" height="4" rx="0.5"/><rect x="7" y="13" width="4" height="4" rx="0.5"/><path d="M13 13h4v4h-4z"/></svg> </a> <button type="button" class="acct-menu-bell" aria-label="Notifications" title="Notifications" data-acct-bell> <svg fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg> <span class="header-notify-badge acct-bell-badge" data-notify-badge hidden></span> </button> </div> </div> <div class="acct-menu-section"> <a class="acct-menu-item" href="/history" role="menuitem" data-acct-close> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M3 12a9 9 0 1 0 9-9"/><polyline points="3 3 3 12 12 12"/></svg> </span> <span>History</span> </a> <a class="acct-menu-item" href="/watchlist" role="menuitem" data-acct-close> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg> </span> <span>Watchlist</span> </a> <a class="acct-menu-item" href="/party" role="menuitem" data-acct-party data-acct-close> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M5.8 11.3 2 22l10.7-3.8"/><path d="M4 3h.01"/><path d="M22 8h.01"/><path d="M15 2h.01"/><path d="M22 20h.01"/><path d="m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12v0c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10"/><path d="m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11v0c-.11.7-.72 1.22-1.43 1.22H17"/><path d="m11 2 .33.82c.34.86-.2 1.82-1.11 1.98v0C9.52 4.9 9 5.52 9 6.23V7"/><path d="M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z"/></svg> </span> <span>Watch Party</span> </a> <a class="acct-menu-item" href="/app" role="menuitem" data-acct-app-download data-acct-close> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><rect x="7" y="2" width="10" height="20" rx="2"/><path d="M11 18h2"/></svg> </span> <span>Get the app</span> </a> <button type="button" class="acct-menu-item" hidden data-acct-app-update> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M12 3v12"/><path d="m7 11 5 5 5-5"/><path d="M5 21h14"/></svg> </span> <span>Update app</span> </button> <button type="button" class="acct-menu-item" hidden data-acct-app-refresh> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M21 12a9 9 0 1 1-2.6-6.3"/><polyline points="21 3 21 9 15 9"/></svg> </span> <span>Refresh</span> </button> <button type="button" class="acct-menu-item" hidden data-acct-app-settings> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg> </span> <span>App settings</span> </button> </div> <div class="acct-menu-section" data-acct-ads-wrap> <div class="acct-menu-item acct-menu-toggle-row" role="menuitem"> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="m3 11 18-5v12L3 14v-3z"/><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"/></svg> </span> <span class="acct-menu-toggle-label">Show ads</span> <button type="button" class="acct-toggle" id="acctAdsToggle" role="switch" aria-checked="false" aria-label="Show ads"> <span class="acct-toggle-knob"></span> </button> </div> </div> <div class="acct-menu-section"> <a class="acct-menu-item" href="/profiles" role="menuitem" data-acct-close> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </span> <span>Switch profile</span> </a> <button type="button" class="acct-menu-item" role="menuitem" data-acct-change-avatar> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><rect width="18" height="18" x="3" y="3" rx="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg> </span> <span>Change avatar</span> </button> </div> <div class="acct-menu-section" data-acct-admin-wrap hidden> <a class="acct-menu-item" href="/admin" role="menuitem" data-acct-admin data-acct-close> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><rect x="3" y="3" width="7" height="9" rx="1"/><rect x="14" y="3" width="7" height="5" rx="1"/><rect x="14" y="12" width="7" height="9" rx="1"/><rect x="3" y="16" width="7" height="5" rx="1"/></svg> </span> <span>Admin panel</span> </a> </div> <div class="acct-menu-section"> <button type="button" class="acct-menu-item acct-menu-logout" role="menuitem" data-acct-logout> <span class="acct-menu-icon" aria-hidden="true"> <svg fill="none" height="18" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" width="18"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/></svg> </span> <span>Logout</span> </button> </div> </div> </div> <div class="av-picker" id="avatarPicker" hidden aria-hidden="true"> <button type="button" class="av-picker-backdrop" data-av-close aria-label="Close"></button> <div class="av-picker-panel" role="dialog" aria-modal="true" aria-labelledby="avPickerTitle"> <div class="av-picker-head"> <button type="button" class="av-picker-back" data-av-close aria-label="Back"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 18l-6-6 6-6"/></svg> </button> <h2 class="av-picker-title" id="avPickerTitle">Change avatar</h2> <span class="av-picker-status" data-av-status hidden></span> </div> <div class="av-picker-body"> <div class="av-picker-section"> <div class="av-picker-label">Classics</div> <div class="av-picker-grid" data-av-classics></div> <button type="button" class="av-picker-more" data-av-more hidden> See more <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg> </button> </div> <div class="av-picker-section"> <div class="av-picker-label">From shows & movies</div> <div class="av-picker-packs" data-av-packs></div> </div> </div> <p class="av-picker-err" data-av-err hidden></p> </div> </div> <div class="notify-inbox" id="notifyInbox" hidden aria-hidden="true"> <button type="button" class="notify-inbox-back" data-notify-close aria-label="Close notifications"></button> <div class="notify-inbox-panel" role="dialog" aria-modal="true" aria-labelledby="notifyInboxTitle"> <div class="notify-inbox-head"> <div> <h2 id="notifyInboxTitle">Notifications</h2> <p class="notify-inbox-sub" data-notify-sub hidden></p> </div> <button type="button" class="notify-inbox-mark" data-notify-read-all hidden>Mark all read</button> <button type="button" class="notify-inbox-x" data-notify-close aria-label="Close"> <svg fill="none" height="16" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24" width="16"><path d="M18 6 6 18M6 6l12 12"/></svg> </button> </div> <div class="notify-inbox-list" id="notifyInboxList"> <p class="notify-empty">Sign in to see updates.</p> </div> </div> </div> <script>(function () { if (window.__movyStampNavAvatars) window.__movyStampNavAvatars(document); })();</script> <script>if (window.__movyAdsApply) window._