https://viewvault.org/

Scan-ID:
1673b8d9-5f60-40ca-b7dd-6681e513c758Beendet
Eingereichte URL:
https://viewvault.org/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

JavaScript-Variablen · 29 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
livewireScriptConfigobject
zfgstorageobject
adzny7niw1dobject
zfgformatsobject

Konsolenprotokoll-Meldungen · 1 gefunden

In der Web-Konsole protokollierte Meldungen

TypKategorieProtokoll
logjavascript
Text
JSHandle@error

HTML

Der HTML-Rohtext der Seite

<!DOCTYPE html><html lang="en" class="dark" dir="ltr" data-fp="adzny7niw1d"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="gdK6j4FlvsXHtjocmSqDPxA22IWx0PoKpBj71eOV">

    <title>            Watch Free Movies &amp; TV Shows — ViewVault
        </title>

    <meta itemprop="name" content="Watch Free Movies &amp; TV Shows — ViewVault">
    <meta name="description" content="ViewVault offers unlimited access to a vast library of movies and TV shows, all for free. Stream the latest blockbusters, classic films, and trending series with no subscriptions, no sign-ups, and no hidden fees. Enjoy high-quality entertainment from any device, anytime. Discover new content, explore genres, and watch your favorites instantly on ViewVault.">
    
    <meta property="og:title" content="Watch Free Movies &amp; TV Shows — ViewVault">
    <meta property="og:description" content="ViewVault offers unlimited access to a vast library of movies and TV shows, all for free. Stream the latest blockbusters, classic films, and trending series with no subscriptions, no sign-ups, and no hidden fees. Enjoy high-quality entertainment from any device, anytime. Discover new content, explore genres, and watch your favorites instantly on ViewVault.">
        <meta property="og:url" content="https://viewvault.org">
    <meta property="og:locale" content="en_EN">
    <meta property="og:type" content="article">
    <meta name="twitter:card" content="summary_large_image">

    <link rel="canonical" href="https://viewvault.org">

    <link rel="apple-touch-icon" sizes="180x180" href="https://viewvault.org/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://viewvault.org/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://viewvault.org/favicon/favicon-16x16.png">
<link rel="manifest" href="https://viewvault.org/site.webmanifest">
<link rel="preload" as="style" href="https://viewvault.org/build/assets/app-41a0d3d4.css"><link rel="modulepreload" href="https://viewvault.org/build/assets/app-78822604.js"><link rel="stylesheet" href="https://viewvault.org/build/assets/app-41a0d3d4.css" data-navigate-track="reload"><script type="module" src="https://viewvault.org/build/assets/app-78822604.js" data-navigate-track="reload"></script>
<style>
    :root {
                        --color-gray-50:250 250 250;
                    --color-gray-100:244 244 245;
                    --color-gray-200:228 228 231;
                    --color-gray-300:212 212 216;
                    --color-gray-400:161 161 170;
                    --color-gray-500:113 113 122;
                    --color-gray-600:82 82 91;
                    --color-gray-700:63 63 70;
                    --color-gray-800:39 39 42;
                    --color-gray-900:24 24 27;
                    --color-gray-950:9 9 11;
                       --color-primary-500: 35 128 250;
    }
</style>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-W2ZHR9YDRW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-W2ZHR9YDRW');
</script>

<script>(function(s,u,z,p){s.src=u,s.setAttribute('data-zone',z),p.appendChild(s);})(document.createElement('script'),'https://jouwaikekaivep.net/tag.min.js',8471648,document.body||document.documentElement)</script>
    <!-- Livewire Styles --><style>[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
    <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"gdK6j4FlvsXHtjocmSqDPxA22IWx0PoKpBj71eOV","uri":"\/livewire\/update","progressBar":""};</script>
<style>/* Make clicks pass-through */

    #nprogress {
      pointer-events: none;
    }

    #nprogress .bar {
      background: var(--livewire-progress-bar-color, #29d);

      position: fixed;
      z-index: 1031;
      top: 0;
      left: 0;

      width: 100%;
      height: 2px;
    }

    /* Fancy blur effect */
    #nprogress .peg {
      display: block;
      position: absolute;
      right: 0px;
      width: 100px;
      height: 100%;
      box-shadow: 0 0 10px #29d, 0 0 5px #29d;
      opacity: 1.0;

      -webkit-transform: rotate(3deg) translate(0px, -4px);
          -ms-transform: rotate(3deg) translate(0px, -4px);
              transform: rotate(3deg) translate(0px, -4px);
    }

    /* Remove these to get rid of the spinner */
    #nprogress .spinner {
      display: block;
      position: fixed;
      z-index: 1031;
      top: 15px;
      right: 15px;
    }

    #nprogress .spinner-icon {
      width: 18px;
      height: 18px;
      box-sizing: border-box;

      border: solid 2px transparent;
      border-top-color: var(--livewire-progress-bar-color, #29d);
      border-left-color: var(--livewire-progress-bar-color, #29d);
      border-radius: 50%;

      -webkit-animation: nprogress-spinner 400ms linear infinite;
              animation: nprogress-spinner 400ms linear infinite;
    }

    .nprogress-custom-parent {
      overflow: hidden;
      position: relative;
    }

    .nprogress-custom-parent #nprogress .spinner,
    .nprogress-custom-parent #nprogress .bar {
      position: absolute;
    }

    @-webkit-keyframes nprogress-spinner {
      0%   { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }
    @keyframes nprogress-spinner {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    </style></head><script src="https://jouwaikekaivep.net/tag.min.js" data-zone="8471648"></script>
<body class="min-h-screen dark:bg-gray-950 flex flex-col relative" x-data="{ searchOpen: false,loading:false,'sidebarToggle': false,compactToggle: localStorage.getItem('compactToggle') === 'true', cookiePolicy: localStorage.getItem('cookiePolicy'), promote: localStorage.getItem('promote')}" x-init="$watch('cookiePolicy', val => {
  localStorage.setItem('cookiePolicy', val);
}) ; $watch('promote', val => {
  localStorage.setItem('promote', val);
}); $watch('compactToggle', val => {
  localStorage.setItem('compactToggle', val);
})">
        <!-- End Announcement Banner -->
<header class="w-full z-40 bg-white dark:bg-gray-950 xl:dark:bg-gray-950/80 backdrop-blur-lg sticky top-0 mb-4 custom-container ">
    <div class="">
        <div class="flex items-center relative h-16">

                        <div class="lg:hidden mr-5">
                <!-- Hamburger button -->
                <button class="hamburger text-gray-700 dark:text-gray-100" :class="{ 'active': sidebarToggle }" @click.stop="sidebarToggle = !sidebarToggle" aria-controls="mobile-nav" :aria-expanded="sidebarToggle" aria-expanded="false">
                    <span class="sr-only">Menu</span>
                    <svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <rect y="4" width="24" height="1.5"></rect>
                        <rect y="11" width="24" height="1.5"></rect>
                        <rect y="18" width="24" height="1.5"></rect>
                    </svg>
                </button>
            </div>
                        <!-- Site branding -->
            <div class="shrink-0 lg:ml-0 flex items-center gap-x-5">

                                                                    <!-- Logo -->
                <a class="" href="https://viewvault.org">
                                            <img src="https://viewvault.org/static/img/logo-1727238291.svg" class="w-full h-7" alt="ViewVault">
                                    </a>
            </div>
                            <nav class="hidden lg:block 2xl:mx-8 lg:mx-5">
                    <ul class="flex grow justify-end flex-wrap items-center text-sm">
                                                                                                                        <li class="">
                                        <a href="https://viewvault.org/browse" class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
                                            <div class="tracking-tight font-medium whitespace-nowrap flex-1">Browse</div>
                                        </a>
                                    </li>
                                                                                                                                                                                    <li class="">
                                        <a href="https://viewvault.org/trending" class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
                                            <div class="tracking-tight font-medium whitespace-nowrap flex-1">Trending</div>
                                        </a>
                                    </li>
                                                                                                                                                                                    <li class="">
                                        <a href="https://viewvault.org/top-imdb" class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
                                            <div class="tracking-tight font-medium whitespace-nowrap flex-1">Top IMDb</div>
                                        </a>
                                    </li>
                                                                                                                                                                                    <li class="">
                                        <a href="https://viewvault.org/movies" class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
                                            <div class="tracking-tight font-medium whitespace-nowrap flex-1">Movies</div>
                                        </a>
                                    </li>
                                                                                                                                                                                    <li class="">
                                        <a href="https://viewvault.org/tv-shows" class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
                                            <div class="tracking-tight font-medium whitespace-nowrap flex-1">TV Shows</div>
                                        </a>
                                    </li>
                                                                                                                                                                                    <li class="">
                                        <a href="https://viewvault.org/live-broadcasts" class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
                                            <div class="tracking-tight font-medium whitespace-nowrap flex-1">Live broadcasts</div>
                                        </a>
                                    </li>
                                                                                                                                                                                    <li class="">
                                        <a href="https://viewvault.org/request" class="px-3.5 py-2.5 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:border-primary-500 dark:hover:text-gray-100 hover:rounded-lg flex items-center relative after:absolute after:inset-0 after:rounded-lg hover:after:w-full after:transition hover:after:bg-gray-400/10">
                                            <div class="tracking-tight font-medium whitespace-nowrap flex-1">Request</div>
                                        </a>
                                    </li>
                                                                                                        </ul>
                </nav>
            
                        <nav class="flex ml-auto rtl:mr-auto rtl:ml-0 lg:w-96">
                <ul class="flex grow justify-end flex-wrap items-center text-sm gap-x-6 lg:gap-x-7">

                                            <li class="hidden lg:block">
                            <button type="button" class="w-5 h-5 flex items-center text-gray-500 dark:text-gray-400 dark:hover:text-primary-500 hover:text-primary-500 justify-center hover:text-primary-500 transition duration-150 rounded-full" @click.prevent="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});" aria-controls="search-modal" @keydown.window.ctrl.q="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});">

                                <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#search"></use>
</svg>
                            </button>
                        </li>
                                        <li class="block lg:hidden">
                        <button type="button" class="w-5 h-5 flex items-center text-gray-500 dark:text-gray-400 dark:hover:text-primary-500 hover:text-primary-500 justify-center hover:text-primary-500 transition duration-150 rounded-full" @click.prevent="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});" aria-controls="search-modal" @keydown.window.ctrl.q="searchOpen = true;if (searchOpen) $nextTick(()=>{$refs.searchInput.focus()});">

                            <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#search"></use>
</svg>
                        </button>
                    </li>
                                            <li class="hidden lg:block">
                            <a href="https://viewvault.org/login" class="text-gray-700 dark:text-gray-400 dark:hover:text-white hover:text-primary-500 inline-flex items-center px-1 py-2 text-sm">Sign in</a>
                        </li>
                                                    <li class="hidden lg:block">
                                <a href="https://viewvault.org/register" class="bg-primary-500 rounded-full border-transparent text-white dark:text-gray-200 hover:text-white hover:bg-primary-500 transition-all inline-flex items-center px-6 lg:px-8 py-3.5 text-sm group ">

                                    <span>Sign up</span>
                                    <span class="tracking-normal  group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-3">-&gt;</span>
                                </a>
                            </li>
                                                <li class="block lg:hidden">
                            <a href="https://viewvault.org/login" class="bg-primary-500 rounded-full border-transparent text-white dark:text-gray-200 hover:text-white hover:bg-primary-500 transition-all inline-flex items-center w-10 h-10 flex items-center justify-center text-sm group ">
                                <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" stroke="currentColor">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#user"></use>
</svg>
                            </a>
                        </li>
                                    </ul>
            </nav>
        </div>
    </div>
</header>
<aside id="sidebar" class="fixed top-[64px] bottom-0 group top-0 left-0 bg-white lg:translate-x-0 lg:right-auto lg:bottom-0 dark:scrollbar-y hidden flex-col z-40 dark:bg-gray-950 transition w-full lg:w-64 transition-all duration-200 ease-out -translate-x-full" :class="[sidebarToggle ? 'translate-x-0 !flex' : '-translate-x-full hidden']" @click.outside="sidebarToggle = false">
    <div class="flex flex-col overflow-y-auto scrollbar-y h-full px-2 lg:px-4 scrollbar scrollbar-thumb-gray-100 dark:scrollbar-thumb-white/10 scrollbar-thin scrollbar-track-transparent">
                                                        <a href="https://viewvault.org/browse" class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor" stroke="none" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#browse"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Browse</div>
                    </a>
                                                                                                <a href="https://viewvault.org/trending" class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor" stroke="none" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#trending"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Trending</div>
                    </a>
                                                                                                <a href="https://viewvault.org/top-imdb" class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor" stroke="none" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#top"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Top IMDb</div>
                    </a>
                                                                                                <a href="https://viewvault.org/movies" class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor" stroke="none" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#movie"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Movies</div>
                    </a>
                                                                                                <a href="https://viewvault.org/tv-shows" class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor" stroke="none" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#tv"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">TV Shows</div>
                    </a>
                                                                                                <a href="https://viewvault.org/live-broadcasts" class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor" stroke="none" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#broadcast"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Live broadcasts</div>
                    </a>
                                                        <div class="border-t border-gray-100 dark:border-gray-800/50 my-6"></div>
                                                                    <a href="https://viewvault.org/request" class="px-4 gap-x-5 py-3 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 hover:bg-gray-50/70 hover:border-primary-500 dark:hover:text-gray-100 dark:hover:bg-gray-900 transition rounded-lg flex items-center ">
                        <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5" fill="currentColor" stroke="none" x-bind:class="compactToggle ? 'w-6 h-6' : ''">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#refresh"></use>
</svg>
                        <div class="tracking-tighter whitespace-nowrap flex-1 line-clamp-1 block" :class="compactToggle ? 'lg:hidden' : 'block'">Request</div>
                    </a>
                                                        <div class="border-t border-gray-100 dark:border-gray-900/50 mb-6 mt-auto"></div>
        <div class="px-4 lg:px-5 py-6 block" :class="compactToggle ? 'lg:hidden' : 'block'">
            <div class="flex flex-wrap text-xs text-gray-500 dark:text-gray-500 gap-x-4 gap-y-2">
                                    <a href="https://viewvault.org/page/terms-of-service" class="hover:underline">Terms of service</a>
                                    <a href="https://viewvault.org/page/dmca" class="hover:underline">DMCA</a>
                                    <a href="https://viewvault.org/page/privacy-policy" class="hover:underline">Privacy policy</a>
                                    <a href="https://viewvault.org/page/cookie-policy" class="hover:underline">Cookie policy</a>
                            </div>
            <div class="text-xs mt-4 text-gray-500 dark:text-gray-500">
                © 2024 ViewVault</div>
        </div>
    </div>
</aside>

                        <div class="">
                <div class="flex-1" :class="compactToggle ? 'lg:!ml-20 rtl:lg:!ml-0 rtl:lg:!mr-0' : ''">
                            <div class="custom-container">
                    <div class="pb-6 lg:pb-16">
    <div class="swiper swiper-hero swiper-fade swiper-initialized swiper-horizontal swiper-autoheight swiper-watch-progress swiper-backface-hidden">
        <div class="swiper-wrapper" id="swiper-wrapper-5855d7fcbe429514" aria-live="off" style="transition-duration: 0ms; height: 720px;">
                            <a href="https://viewvault.org/tv-show/baddies-midwest" class="swiper-slide bg-gray-950 swiper-slide-visible swiper-slide-active swiper-slide-next" data-swiper-slide-index="0" role="group" aria-label="1 / 1" style="width: 720px; transition-duration: 0ms; opacity: 1; transform: translate3d(0px, 0px, 0px);">
                    <div class="lg:aspect-slide aspect-square relative before:absolute before:inset-0 before:bg-gradient-to-b before:from-gray-950 before:to-transparent before:z-10 after:absolute after:inset-0 after:bg-gradient-to-t after:from-gray-950 after:to-transparent after:via-gray-950/60 after:z-10 rounded-lg">
                        <div class="absolute inset-0 before:absolute before:right-0 rtl:before:left-0 before:top-0 before:bottom-0 before:w-1/5 before:bg-gradient-to-l before:from-gray-950 before:to-transparent after:absolute after:left-0 after:top-0 after:bottom-0 after:w-1/2 after:bg-gradient-to-r after:from-gray-950 after:to-transparent z-10"></div>

                        <img src="https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/bMHsYAlBBDNqqgxWSgqGkz6V0RH.jpg" class="absolute h-full w-full object-cover">
                        <div class="absolute left-0 rtl:right-0 rtl:left-auto rtl:text-right lg:top-0 bottom-0 flex flex-col justify-center items-center text-center lg:text-left lg:items-start lg:max-w-3xl w-full z-20">

                            <h3 class="text-3xl 2xl:text-6xl font-bold text-white mb-4 texture-text">Baddies Midwest</h3>

                            <div class="flex items-center text-sm text-gray-800 dark:text-gray-400 gap-6 mb-4">

                                <div class="flex relative w-10 h-10 items-center justify-center text-white ">
                                    <span class="text-xs">0.0</span>
                                    <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                                        <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
                                    </svg>
                                </div>
                                                                    <span class="bg-gray-500/50 backdrop-blur-lg text-gray-200 text-xxs font-semibold tracking-wide py-0.5 px-1.5 rounded">HD</span>
                                                                                                                                <div class="font-medium text-gray-800 dark:text-gray-400">
                                    United States
                                </div>
                                                                                                <div class="font-medium text-gray-800 dark:text-gray-400">
                                    2024
                                </div>
                                                            </div>
                            <p class="text-base text-white/60 line-clamp-2 leading-loose">The Baddies are back - this time bringing it to the Midwest!</p>
                            <div class="mt-8 space-x-4 lg:block hidden">
                                <!--[if BLOCK]><![endif]-->    <button class="inline-flex whitespace-nowrap gap-x-3 items-center justify-center px-6 py-3.5 text-sm rounded-base font-[450] disabled:opacity-50 disabled:pointer-events-none transition border border-transparent text-white bg-primary-500 hover:bg-primary-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:hover:bg-primary-500/70 dark:focus:ring-offset-gray-800 !rounded-full px-6 lg:px-10 py-4" type="submit">
        Watch now
    </button>
 <!--[if ENDBLOCK]><![endif]-->
                            </div>
                        </div>
                    </div>
                </a>
                    </div>
        <!-- Add Arrows -->
        <div class="swiper-arrow rtl:right-auto rtl:left-0 !hidden lg:!flex">
            <div class="swiper-button-prev swiper-button-lock" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-5855d7fcbe429514"></div>
            <div class="swiper-button-next swiper-button-lock" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-5855d7fcbe429514"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-lock"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span></div>
    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
                                                            <div class="pb-6 lg:pb-10 pt-3">
    <div class="flex gap-x-6 w-full overflow-x-auto lg:overflow-x-visible p-3 lg:p-0">
                <a href="https://viewvault.org/tv-show/baddies-midwest" class="relative text-center w-20 lg:w-28 cursor-pointer">
            <div class="w-20 lg:w-24 h-20 lg:h-24 mx-auto relative rounded-full bg-gray-100 dark:bg-gray-600 ring-4 ring-offset-4 ring-offset-gray-950 ring-primary-500">
                <img src="https://image.tmdb.org/t/p/w235_and_h235_face/bMHsYAlBBDNqqgxWSgqGkz6V0RH.jpg" class="absolute w-full h-full object-cover rounded-full">
            </div>
            <div class="py-5">
                <h3 class="text-xs lg:text-sm text-gray-700 dark:text-gray-200 font-medium line-clamp-1">Baddies Midwest</h3>
                <div class="text-xs text-gray-500 dark:text-gray-500 font-medium line-clamp-1 capitalize">TV Show</div>
            </div>
        </a>
            </div>
</div>
                                <div class="pb-6 lg:pb-14">
    <div class="flex flex-col lg:flex-row lg:items-center mb-6">
        <h3 class="text-lg xl:text-xl dark:text-white font-semibold lg:text-left rtl:!text-right capitalize flex-1">Latest Movies</h3>
    </div>
            <div class="grid grid-cols-2 xl:grid-cols-6 2xl:grid-cols-8 gap-6">
                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/bambi-the-reckoning" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/alhpcrUDDjanRhi7ovz6ZP23sqd.jpg" alt="Bambi: The Reckoning" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2025</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Bambi: The Reckoning</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Horror</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/frankenstein-legacy" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/cnqyaHpZ7CpgKBlmBgbgqyKicJX.jpg" alt="Frankenstein: Legacy" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]-->                <span>101 min</span>
             <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Frankenstein: Legacy</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Horror</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/caught-by-the-tides" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/3hiGC8QXcrTsuJOoctWMmiCJVx8.jpg" alt="Caught by the Tides" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Caught by the Tides</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/insidious-inferno" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/8kljUAovBatZRYp2ye2RZr239hU.jpg" alt="Insidious Inferno" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]-->                <span>97 min</span>
             <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Insidious Inferno</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Horror</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/the-caregiver" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/abBLxKyD3TpLvD6ZP1gmeaeQqZK.jpg" alt="The Caregiver" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Caregiver</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Horror</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/james-acaster-hecklers-welcome" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/cBVE7JVzEvegJs2JDd1BdoqdBSS.jpg" alt="James Acaster: Hecklers Welcome" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">4</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="40 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">James Acaster: Hecklers Welcome</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/christmas-in-the-spotlight" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/qgAAoHRoucqvCldWKhaWXPzTHfu.jpg" alt="Christmas in the Spotlight" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">9</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="90 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Christmas in the Spotlight</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/pukpok" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/mwCZjzhnVRW0B33LmREuK6zhwIv.jpg" alt="Pukpok" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Pukpok</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/whiteout-2" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/w5uAxfHR0xzi3Q0gGb1Nz3Y2TZ9.jpg" alt="Whiteout" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">5</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="50 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Whiteout</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/bread-roses" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/oERXZhKRBMaLehmddLt1EvFe0Uv.jpg" alt="Bread &amp; Roses" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Bread &amp; Roses</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/hunting-with-tigers" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/80Fpd8a5BibX3kAD5lpZhCKqSyV.jpg" alt="Hunting With Tigers" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.3</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="73 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Hunting With Tigers</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Action</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/jim-gaffigan-the-skinny" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/iHNuwWwhLq1CKwecEI4LL0pkQDY.jpg" alt="Jim Gaffigan: The Skinny" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Jim Gaffigan: The Skinny</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Comedy</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/christmas-on-call" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/rCevH4qPZasa6MHTjyYpY9EqqOS.jpg" alt="Christmas On Call" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Christmas On Call</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Romance</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/nugget-is-dead-a-christmas-story" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/bNsyhWBiuG0LbSh715YAUCLXZyi.jpg" alt="Nugget Is Dead: A Christmas Story" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Nugget Is Dead: A Christmas Story</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Comedy</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/hikaru-utada-laughter-in-the-dark-tour-2018" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/jevByc1pGXEHuFYS7C0qYwVgpGg.jpg" alt="Hikaru Utada Laughter in the Dark Tour 2018" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]-->                <span>156 min</span>
             <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Hikaru Utada Laughter in the Dark Tour 2018</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Music</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/maybe-baby-2-2" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/5ikADeVa7HAEOMmi0CZWiT95KHl.jpg" alt="Maybe Baby 2" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="70 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Maybe Baby 2</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Comedy</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/a-novel-noel" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/nP3Azz2qIKoWqJElHbYq8J3s0Pa.jpg" alt="A Novel Noel" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">A Novel Noel</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Romance</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/the-merry-gentlemen" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/4t80WORFWqDYf4BRwV2jrXNHJdN.jpg" alt="The Merry Gentlemen" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.2</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="62 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Merry Gentlemen</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Comedy</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/wicked" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://viewvault.org/uploads/poster/09-2024/eDzdNpIaBt.jpg" alt="Wicked" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.9</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="79 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]-->                <span>161 min</span>
             <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Wicked</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/bonhoeffer-pastor-spy-assassin" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/mLqwKGSVrxXP5iMqgikEia6WB07.jpg" alt="Bonhoeffer: Pastor. Spy. Assassin." class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">6.5</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="65 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Bonhoeffer: Pastor. Spy. Assassin.</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/gtmax" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/bx92hl70NUhojjO3eV6LqKllj4L.jpg" alt="GTMAX" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.6</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="76 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">GTMAX</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Action</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/jeff-dunham-s-scrooged-up-holiday-special" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/1zPwUWMAGLxVbXCtOota2uJyKIN.jpg" alt="Jeff Dunham's Scrooged-Up Holiday Special" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Jeff Dunham's Scrooged-Up Holiday Special</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Comedy</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/buy-now-the-shopping-conspiracy" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/tDcCVlv6oYVpRZw7IX859H3Eshn.jpg" alt="Buy Now! The Shopping Conspiracy" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">5.6</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="56 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Buy Now! The Shopping Conspiracy</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/movie/swap" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/nIw0OfjSoRNvgHPFbhJIL4M0jLL.jpg" alt="Swap" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">2.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="20 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Swap</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Horror</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">Movie</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                    </div>
    </div>

                                <div class="pb-6 lg:pb-10">
    <div class="grid grid-cols-1 xl:grid-cols-3 2xl:grid-cols-5 gap-6">
                    <div>
                <a href="https://viewvault.org/genre/action" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Action</div>
                        <div class="text-xs opacity-60">10449 Movies &amp; TV Shows</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/epRHVb8CSXpEOc8zqu3HFOLTrl6.jpg" alt="Action" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
                    <div>
                <a href="https://viewvault.org/genre/adventure" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Adventure</div>
                        <div class="text-xs opacity-60">5823 Movies &amp; TV Shows</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/6rnJH78Yun3Wg0kftvaaikofCmJ.jpg" alt="Adventure" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
                    <div>
                <a href="https://viewvault.org/genre/animation" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Animation</div>
                        <div class="text-xs opacity-60">5338 Movies &amp; TV Shows</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/lWh5OlerPR1c1cfn1ZLq0lpqFds.jpg" alt="Animation" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
                    <div>
                <a href="https://viewvault.org/genre/comedy" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Comedy</div>
                        <div class="text-xs opacity-60">24997 Movies &amp; TV Shows</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/kZUB2gROki9m0dH12stbrQ1qlQX.jpg" alt="Comedy" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
                    <div>
                <a href="https://viewvault.org/genre/crime" class="rounded-lg flex px-5 overflow-hidden items-center text-white relative bg-gray-800/70 hover:bg-primary-500 hover:text-white text-xs space-x-4 transition group" style="background-color:  !important;">
                    <div class="flex-1 py-3">
                        <div class="text-base font-medium">Crime</div>
                        <div class="text-xs opacity-60">10545 Movies &amp; TV Shows</div>
                    </div>
                    <div class="relative -bottom-3 ml-auto mt-3">
                        <div class="image aspect-square w-20 rounded-lg bg-black/20 absolute -left-8 top-2 rotate-[-8deg]"></div>
                        <div class="image aspect-square w-20 rounded-lg rotate-[9deg] group-hover:rotate-[2deg] group-hover:-translate-x-[7px] group-hover:-translate-y-[6px] transition-all" style="background-color:  !important;">
                            <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w235_and_h235_face/jpyuq6ClXoTyeNnjRKO5iI6v4SM.jpg" alt="Crime" class="lazyload absolute h-full w-full object-cover rounded-lg" width="300" height="450">
            </picture>
                        </div>
                    </div>
                </a>
            </div>
            </div>
</div>
                                                            <div class="pb-6 lg:pb-14">
    <div class="flex flex-col lg:flex-row lg:items-center mb-6">
        <h3 class="text-lg xl:text-xl dark:text-white font-semibold lg:text-left rtl:!text-right capitalize flex-1">Latest TV Shows</h3>
    </div>
            <div class="grid grid-cols-2 xl:grid-cols-6 2xl:grid-cols-8 gap-6">
                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/expedition-files" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/svHUpJXD8js232xt2xqiP16WpdG.jpg" alt="Expedition Files" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Expedition Files</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/the-helicopter-heist" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/fKZyNZJCIrAll8thK4QyNVkRHy5.jpg" alt="The Helicopter Heist" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Helicopter Heist</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Crime</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/900-days-without-annabel" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/wQEfSeIf2459lEoLmXkgjlRyI22.jpg" alt="900 Days Without Annabel" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">8.5</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="85 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">900 Days Without Annabel</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/cruel-intentions-4" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/tWtcyehBCO9fksIj30pdtVldntw.jpg" alt="Cruel Intentions" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">9</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="90 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Cruel Intentions</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/a-man-on-the-inside" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/3yYX4MBbmWFYCBF2j00FKqzLAQs.jpg" alt="A Man on the Inside" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">5.2</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="52 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">A Man on the Inside</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Comedy</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/tokyo-override" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/3MvNTEbOAgNsXPkzcYvBw6gJNzo.jpg" alt="Tokyo Override" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">9.3</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="93 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Tokyo Override</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Animation</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/saudi-pro-league-kickoff" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/2gbQot8WcvbEBB66eUlBS3lxnJH.jpg" alt="Saudi Pro League: Kickoff" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">10</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="100 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Saudi Pro League: Kickoff</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/our-oceans" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/5S1xVcfCXPzBeAluiTWKGqwMmRz.jpg" alt="Our Oceans" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">10</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="100 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Our Oceans</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/adoration-3" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/c47MDCjdqzMYGmH3cgjWT3skSHJ.jpg" alt="Adoration" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">10</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="100 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Adoration</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/interior-chinatown" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/mUmSy7RbaI3YS8T1SU2Qkms8GAs.jpg" alt="Interior Chinatown" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.1</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="71 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Interior Chinatown</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Comedy</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/tales-from-oak-island" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/ewqanxccGZnqvtuA3rb5mxwhGXE.jpg" alt="Tales From Oak Island" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Tales From Oak Island</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/the-listeners-2" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/ydQlB19S9JrFD5BSGFk2HlpjYwB.jpg" alt="The Listeners" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Listeners</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/making-manson" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/sv5aJozbwr7nrIcXJQcOkGxQAG4.jpg" alt="Making Manson" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Making Manson</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/leonardo-da-vinci" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/wZ1LJYUxW0MxVngPuto01us3D9x.jpg" alt="Leonardo da Vinci" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">10</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="100 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Leonardo da Vinci</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/dune-prophecy" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/5B8Cxz8ZZXp3w2WmmdKTXpkS24e.jpg" alt="Dune: Prophecy" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">8.2</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="82 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Dune: Prophecy</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/landman" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/rxWtATtTdwx0ERQjQ7BtVOMyq5r.jpg" alt="Landman" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">8.5</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="85 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Landman</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/i-m-a-celebrity-unpacked" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/sY1x4nU5yGZ34E1Jew07aEhjPHK.jpg" alt="I'm a Celebrity... Unpacked" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">I'm a Celebrity... Unpacked</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/it-s-all-country" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/6rAjBgDjTLz1tZU54DtSiE7icEo.jpg" alt="It's All Country" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">It's All Country</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Documentary</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/the-last-woodsmen" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/xDWgSv46FyLM0vUB71h7LzXKf2y.jpg" alt="The Last Woodsmen" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Last Woodsmen</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/the-creep-tapes" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/poGDeQ5uLb7Nh8J7SWPzibUj7WU.jpg" alt="The Creep Tapes" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">2.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="20 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">The Creep Tapes</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Mystery</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/harry-potter-wizards-of-baking" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/yHBttKi9pU9A1FdAKL1CMACBzIp.jpg" alt="Harry Potter: Wizards of Baking" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">0.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="0 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Harry Potter: Wizards of Baking</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/beyond-goodbye" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/tJxfVRzKveiPrULbZ3PIqV1S8Pp.jpg" alt="Beyond Goodbye" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">8.0</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="80 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Beyond Goodbye</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Drama</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/cross-2" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/oArnlWvky2KtWoGC0ChaDboEvcH.jpg" alt="Cross" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">5.9</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="59 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Cross</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Crime</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                                                <div class="relative group overflow-hidden">
    <a href="https://viewvault.org/tv-show/say-nothing-2" class="aspect-poster relative transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b  before:to-gray-950/[.4] before:from-gray-950 before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100 block">

        <picture>
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://image.tmdb.org/t/p/w300/bAF3gTGuFNDdzGUIAnDqi5nbFf3.jpg" alt="Say Nothing" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>

        <div class="absolute right-3 top-3 w-10 h-10 items-center justify-center text-white z-20 hidden group-hover:flex">

            <span class="text-xs">7.3</span>
            <svg x="0px" y="0px" viewBox="0 0 36 36" class="absolute -inset-0 text-amber-400 bg-amber-400/20 w-10 h-10 rounded-full">
                <circle fill="none" stroke="currentColor" stroke-width="3" cx="18" cy="18" r="16" stroke-dasharray="73 100" stroke-linecap="round" stroke-dashoffset="0" transform="rotate(-90 18 18)"></circle>
            </svg>
        </div>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-14 w-14 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-5 w-5 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </a>
    <!--[if BLOCK]><![endif]-->    <div class="pt-4 transition">
        <div class="text-xs text-white/50 gap-x-3 mb-0.5">
            <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <span>2024</span>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
        <h3 class="text-sm tracking-tighter font-medium text-gray-300 line-clamp-1">Say Nothing</h3>
        <div class="text-xs text-white/50 gap-x-3 mt-1 flex items-center">
            <!--[if BLOCK]><![endif]-->                <span>Crime</span>
             <!--[if ENDBLOCK]><![endif]-->
            <span class="text-xxs bg-gray-800 rounded py-0.5 px-1.5 text-gray-300 !ml-auto">TV Show</span>
        </div>
    </div>
     <!--[if ENDBLOCK]><![endif]-->
</div>
                                    </div>
    </div>

                                <div class="pb-6 lg:pb-14">
    <div class="flex flex-col lg:flex-row lg:items-center mb-6">
        <h3 class="text-lg xl:text-xl dark:text-white font-semibold lg:text-left rtl:!text-right capitalize flex-1">Live broadcast</h3>
    </div>
            <div class="grid grid-cols-2 xl:grid-cols-6 2xl:grid-cols-8 gap-6">
                                                <a href="https://viewvault.org/live-broadcast/nba-games" class="relative block group">
    <div class="aspect-square relative rounded-lg transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b before:from-gray-950 before:to-gray-950/[.4] before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100">
        <picture>
                <source data-srcset="https://viewvault.org/uploads/poster/kw17vWHrS7.webp" type="image/webp" class="absolute h-full w-full object-cover rounded-md">
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://viewvault.org/uploads/poster/kw17vWHrS7.jpg" alt="NBA Games" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-16 w-16 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-6 w-6 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </div>
    <div class="pt-3 transition text-center">
        <h3 class="text-base tracking-tighter font-medium text-white line-clamp-1">NBA Games</h3>
    </div>
</a>
                                                                <a href="https://viewvault.org/live-broadcast/ufc-events-ufc-mma-ufc-ppv" class="relative block group">
    <div class="aspect-square relative rounded-lg transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b before:from-gray-950 before:to-gray-950/[.4] before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100">
        <picture>
                <source data-srcset="https://viewvault.org/uploads/poster/VggEsYVSCR.webp" type="image/webp" class="absolute h-full w-full object-cover rounded-md">
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://viewvault.org/uploads/poster/VggEsYVSCR.jpg" alt="UFC Events | UFC MMA | UFC PPV" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-16 w-16 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-6 w-6 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </div>
    <div class="pt-3 transition text-center">
        <h3 class="text-base tracking-tighter font-medium text-white line-clamp-1">UFC Events | UFC MMA | UFC PPV</h3>
    </div>
</a>
                                                                <a href="https://viewvault.org/live-broadcast/nhl-network" class="relative block group">
    <div class="aspect-square relative rounded-lg transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b before:from-gray-950 before:to-gray-950/[.4] before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100">
        <picture>
                <source data-srcset="https://viewvault.org/uploads/poster/1zzHZo7Lcw.webp" type="image/webp" class="absolute h-full w-full object-cover rounded-md">
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://viewvault.org/uploads/poster/1zzHZo7Lcw.jpg" alt="NHL Network" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-16 w-16 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-6 w-6 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </div>
    <div class="pt-3 transition text-center">
        <h3 class="text-base tracking-tighter font-medium text-white line-clamp-1">NHL Network</h3>
    </div>
</a>
                                                                <a href="https://viewvault.org/live-broadcast/nba-tv" class="relative block group">
    <div class="aspect-square relative rounded-lg transition overflow-hidden cursor-pointer before:absolute before:-inset-px before:bg-gradient-to-b before:from-gray-950 before:to-gray-950/[.4] before:-m-px before:z-[1] before:opacity-0 group-hover:before:opacity-100">
        <picture>
                <source data-srcset="https://viewvault.org/uploads/poster/YgdxYQQYF2.webp" type="image/webp" class="absolute h-full w-full object-cover rounded-md">
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://viewvault.org/uploads/poster/YgdxYQQYF2.png" alt="NBA TV" class="lazyload absolute h-full w-full object-cover rounded-md" width="300" height="450">
            </picture>
        <div class="hidden group-hover:flex absolute left-1/2 top-1/2 -translate-x-1/2 z-20 -translate-y-1/2 h-16 w-16 items-center justify-center cursor-pointer rounded-full bg-white/50 text-white transition">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="hi-mini hi-play h-6 w-6 translate-x-0.5">
                <path d="M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"></path>
            </svg>
        </div>
    </div>
    <div class="pt-3 transition text-center">
        <h3 class="text-base tracking-tighter font-medium text-white line-clamp-1">NBA TV</h3>
    </div>
</a>
                                    </div>
    </div>

                                                                                                                                    <div class="pb-6 lg:pb-10"><p class="text-gray-600 dark:text-gray-400 text-base mb-3">ViewVault does not store any files on our server; we only link to media hosted on third-party services.</p></div>
            </div>

                </div>
                <div class="mt-auto" :class="compactToggle ? 'lg:!ml-20 rtl:lg:!ml-0 rtl:lg:!mr-0' : ''">
                    <footer class="w-full lg:py-10 custom-container mt-auto">
    <!-- Grid -->
    <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-12 gap-10 mb-10">
        <div class="col-span-full hidden lg:col-span-4 lg:block">
            <a class="flex-none text-xl text-gray-700 font-semibold dark:text-white" href="https://viewvault.org" aria-label="Brand">

                                    <img src="https://viewvault.org/static/img/logo-1727238291.svg" class="w-auto h-10" alt="ViewVault">
                            </a>
            <p class="mt-5 text-sm text-gray-400 leading-6 max-w-sm w-full">Stream the latest movies and TV shows for free on ViewVault. No subscriptions, just instant access to your favorite entertainment.</p>
            <!-- Language Dropdown -->
            <div class="text-white ml-auto inline-flex relative mt-4" x-data="{ open: false }">

                <!--[if BLOCK]><![endif]-->    <button class="inline-flex whitespace-nowrap gap-x-3 items-center justify-center px-6 py-3.5 text-sm rounded-base font-[450] disabled:opacity-50 disabled:pointer-events-none transition border bg-white text-gray-700 shadow-sm align-middle hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-primary-600 transition-all text-sm dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:border-gray-700 dark:border-gray-800 dark:text-gray-300 dark:hover:text-white dark:focus:ring-offset-gray-800 !py-2.5 tracking-tighter !rounded-full !font-normal !px-5 gap-x-3" type="button" @click.prevent="open = !open" aria-expanded="false">
        <span>English</span>
                    <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-4 h-4" stroke="currentColor">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#swap"></use>
</svg>
    </button>
 <!--[if ENDBLOCK]><![endif]-->
                <div class="z-10 absolute inset-x-0 w-52 bottom-full mb-3 bg-white p-3 left-0 rounded-lg shadow-lg border border-gray-100 text-sm dark:bg-gray-800 dark:border-gray-800" @click.outside="open = false" @keydown.escape.window="open = false" x-show="open" x-transition:enter="transition ease-out duration-200 transform" x-transition:enter-start="opacity-0 -trangray-y-2" x-transition:enter-end="opacity-100 trangray-y-0" x-transition:leave="transition ease-out duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;">
                    <div class="w-full max-w-xs">
                        <ul class="grid grid-cols-1">
                                                            <li>
                                    <a href="https://viewvault.org/lang/en" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://viewvault.org/static/img/flags/en.svg" class="h-4 w-auto rounded-full">
                                        <span>English</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://viewvault.org/lang/tr" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://viewvault.org/static/img/flags/tr.svg" class="h-4 w-auto rounded-full">
                                        <span>Türkçe</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://viewvault.org/lang/de" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://viewvault.org/static/img/flags/de.svg" class="h-4 w-auto rounded-full">
                                        <span>Deutschland</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://viewvault.org/lang/fr" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://viewvault.org/static/img/flags/fr.svg" class="h-4 w-auto rounded-full">
                                        <span>France</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://viewvault.org/lang/ja" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://viewvault.org/static/img/flags/ja.svg" class="h-4 w-auto rounded-full">
                                        <span>日本</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="https://viewvault.org/lang/ar" class="text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-white dark:hover:bg-gray-700/50 py-2.5 px-3 rounded-lg flex gap-x-3 items-center tracking-tighter">
                                        <img src="https://viewvault.org/static/img/flags/ar.svg" class="h-4 w-auto rounded-full">
                                        <span>عربي</span>
                                    </a>
                                </li>
                                                    </ul>
                    </div>
                </div>
            </div>
            <p class="mt-3 text-xs sm:text-sm text-gray-500 dark:text-gray-500">
                © 2024 ViewVault. All rights reserved.</p>

            <!-- Social Brands -->
            <div class="space-x-1 mt-3">
                                                                            </div>
            <!-- End Social Brands -->
        </div>
        <!-- End Col -->
        <div class=" lg:col-span-3">
            <h4 class="text-sm font-medium text-gray-700 dark:text-gray-100">Browse</h4>
            <div class="mt-4 grid grid-cols-2 gap-3 text-sm">
                                                                                        <a href="https://viewvault.org/browse" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Browse
                            </a>
                                                                                                                                    <a href="https://viewvault.org/trending" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Trending
                            </a>
                                                                                                                                    <a href="https://viewvault.org/top-imdb" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Top IMDb
                            </a>
                                                                                                                                    <a href="https://viewvault.org/movies" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Movies
                            </a>
                                                                                                                                    <a href="https://viewvault.org/tv-shows" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                TV Shows
                            </a>
                                                                                                                                    <a href="https://viewvault.org/live-broadcasts" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Live broadcasts
                            </a>
                                                                                                                                    <a href="https://viewvault.org/request" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                                Request
                            </a>
                                                            
            </div>
        </div>
        <!-- End Col -->

        <div class=" lg:col-span-3">
            <h4 class="text-sm font-medium text-gray-700 dark:text-gray-100">About</h4>
            <div class="mt-4 grid grid-cols-2 gap-3 text-sm">
                                    <a href="https://viewvault.org/page/terms-of-service" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                        Terms of service
                    </a>
                                    <a href="https://viewvault.org/page/dmca" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                        DMCA
                    </a>
                                    <a href="https://viewvault.org/page/privacy-policy" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                        Privacy policy
                    </a>
                                    <a href="https://viewvault.org/page/cookie-policy" class="inline-flex gap-x-2 text-gray-600 hover:text-gray-800 hover:underline dark:text-gray-400 dark:hover:text-gray-200">
                        Cookie policy
                    </a>
                            </div>
        </div>

    </div>
    <!-- End Grid -->

</footer>
                </div>
            </div>


<div wire:snapshot="{&quot;data&quot;:{&quot;q&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;bX5oj0jLszJvxZmVufbO&quot;,&quot;name&quot;:&quot;search-component&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;8c52d1e42228737823897e23342acbc1667228b312c759e4336b7884036cad75&quot;}" wire:effects="[]" wire:id="bX5oj0jLszJvxZmVufbO">

    <div class="fixed inset-0 bg-gray-950/30 backdrop-blur-sm z-50 transition-opacity" x-show="searchOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-out duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" aria-hidden="true" style="display: none;"></div>
    <!-- Modal dialog -->
    <div id="search-modal" class="fixed inset-0 z-50 overflow-hidden flex items-start top-20 mb-4 justify-center px-4 sm:px-6" role="dialog" aria-modal="true" x-show="searchOpen" x-transition:enter="transition ease-in-out duration-200" x-transition:enter-start="opacity-0 trangray-y-4" x-transition:enter-end="opacity-100 trangray-y-0" x-transition:leave="transition ease-in-out duration-200" x-transition:leave-start="opacity-100 trangray-y-0" x-transition:leave-end="opacity-0 trangray-y-4" style="display: none;">
        <div class="bg-white overflow-auto max-w-3xl w-full max-h-full rounded-xl px-2 py-1" @click.outside="searchOpen = false" @keydown.escape.window="searchOpen = false">
            <!-- Search form -->
            <div class="relative">
                <label for="modal-search" class="sr-only">Search</label>
                <input id="modal-search" class="w-full border-0 focus:ring-transparent bg-transparent placeholder-gray-400/50 text-sm appearance-none py-3 pl-14 pr-4" type="search" placeholder="Search .." x-ref="searchInput" name="q" wire:model.live.debounce.500ms="q">
                <button class="absolute inset-0 right-auto group" type="submit" aria-label="Search">
                    <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="round" stroke-width="1.75" stroke-linejoin="round" class="w-5 h-5 shrink-0 fill-current text-gray-400 group-hover:text-gray-500 ml-4 mr-4">
    <use xlink:href="https://viewvault.org/static/sprite/sprite.svg#search"></use>
</svg>
                </button>
                <div role="status" class="absolute right-0 top-1/2 -translate-y-1/2" wire:loading="">
                    <svg aria-hidden="true" class="inline w-6 h-6 mr-3 text-gray-200 animate-spin dark:text-gray-100 fill-primary-500" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path>
                    </svg>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>
             <!--[if ENDBLOCK]><![endif]-->
        </div>
    </div>
</div>
<script src="https://viewvault.org/static/js/lazysizes.js"></script>
<div wire:snapshot="{&quot;data&quot;:{&quot;message&quot;:null,&quot;showToastr&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;MRaJaXdZUoTdpYbanDVf&quot;,&quot;name&quot;:&quot;notify-component&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;961d6d707b6cda84584a0db83b1a2523cc9763fa19b4012053caafdfb1f8b642&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;show-toast&quot;]}" wire:id="MRaJaXdZUoTdpYbanDVf" class="notify fixed bottom-0 right-0 flex items-center w-full max-w-sm justify-center px-6 py-8 pointer-events-none z-50">
    <div x-data="{ showToastr:false, countdown: 4000,intervalx:100 }" x-init="
            window.Livewire.find('MRaJaXdZUoTdpYbanDVf').on('show-toast', () => {
                showToastr = true;
                countdown = 5000;
                intervalx = 100;
                const interval = setInterval(() => {
                    countdown = countdown - intervalx;
                    if (countdown === 0) {
                        showToastr = false;
                        clearInterval(interval);
                    }
                }, intervalx);
            });
         " x-show="showToastr" x-description="Notification panel, show/hide based on alert state." x-transition:enter="transform ease-out duration-300 transition" x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2" x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="flex items-center overflow-hidden relative w-full max-w-sm py-5 px-5 space-x-4 max-w-xs bg-gray-800 text-sm text-white rounded-md shadow-lg dark:bg-gray-700 pointer-events-auto" style="display: none;">
        <div class="bg-white/30 rounded-full transition-all duration-150 ease-linear absolute top-0 left-0" id="toast-timer" :style="{ height:`3px`,width: `${(100 * countdown) / 5000}%` }" style="height: 3px; width: 80%;">
        </div>
        <!--[if BLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]-->
        <div class="ml-5 flex-shrink-0 flex">
            <button @click="showToastr = false;" class="inline-flex text-white/50 hover:text-white focus:outline-none focus:text-gray-500 transition ease-in-out duration-150">
                <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                </svg>
            </button>
        </div>
    </div>

</div>
        <script src="https://viewvault.org/static/js/swiper.js"></script><script>console.log(Object.defineProperties(new Error,{message:{get(){window._22z3oei0uyo()}},toString:{value(){(new Error).stack.includes("toString@")&&window._22z3oei0uyo()}}}));</script>
    
    <script>
        var swiper = new Swiper('.swiper-hero', {
            pagination: {
                el: '.swiper-hero .swiper-pagination',
                clickable: true
            },
            navigation: {
                nextEl: '.swiper-hero .swiper-button-next',
                prevEl: '.swiper-hero .swiper-button-prev'
            },
            autoplay: {
                delay: 3000,
                disableOnInteraction: false
            },
            loop: true,
            autoHeight:true,
            effect: 'fade',
            watchSlidesProgress: true
        });

    </script>

    <script>
        var movie = new Swiper(".swiper-movie .swiper", {
            slidesPerView: 2,
            spaceBetween: 20,
            navigation: {
                nextEl: ".swiper-movie .swiper-button-next",
                prevEl: ".swiper-movie .swiper-button-prev",
            },
            breakpoints: {
                640: {
                    slidesPerView: 3,
                },
                768: {
                    slidesPerView: 4,
                },
                1300: {
                    slidesPerView: 6,
                },
                1500: {
                    slidesPerView: 8,
                },
                2000: {
                    slidesPerView: 8,
                },
            },
        });
    </script>

    <script>
        var tv = new Swiper(".swiper-tv .swiper", {
            slidesPerView: 2,
            spaceBetween: 20,
            navigation: {
                nextEl: ".swiper-tv .swiper-button-next",
                prevEl: ".swiper-tv .swiper-button-prev",
            },
            breakpoints: {
                640: {
                    slidesPerView: 3,
                },
                768: {
                    slidesPerView: 4,
                },
                1300: {
                    slidesPerView: 6,
                },
                1500: {
                    slidesPerView: 8,
                },
                2000: {
                    slidesPerView: 8,
                },
            },
        });
    </script>

    <script>
        var broadcast = new Swiper(".swiper-broadcast .swiper", {
            slidesPerView: 2,
            spaceBetween: 20,
            navigation: {
                nextEl: ".swiper-broadcast .swiper-button-next",
                prevEl: ".swiper-broadcast .swiper-button-prev",
            },
            breakpoints: {
                640: {
                    slidesPerView: 3,
                },
                768: {
                    slidesPerView: 4,
                },
                1300: {
                    slidesPerView: 6,
                },
                1500: {
                    slidesPerView: 8,
                },
                2000: {
                    slidesPerView: 8,
                },
            },
        });
    </script>
<script>
    function toastNotification() {
        return {
            show: true,
            init() {
                this.show = true
                var progressBarElem = document.getElementById("toast-timer");
                var interval_time = 100; // ms
                var duration = 5000; // ms
                var total_duration = duration; // Keeps track of the total duration
                var update_timer = setInterval(function () {

                        duration = duration - interval_time;
                        // Update the progress bar if there is one
                        if (progressBarElem !== null) {
                            progressBarElem.style.width = (100 * duration) / total_duration + "%";
                        }

                    if (duration <= 0) {
                        // Stop updating the timer
                        clearInterval(update_timer);
                    }
                }, interval_time);

                setTimeout(() => {
                    this.show = false
                }, 5000)
            }
        }
    }
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e85876aba942fab',t:'MTczMjU3ODUwMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

</body><div class="qlc" style="pointer-events: none; position: absolute; top: 0px; left: 0px; width: 0px; height: 575px; z-index: 2147483647;"></div></html>