HB00MJtNhYifPgPNFo14

https://www.blackbox.ai/screenshot/HB00MJtNhYifPgPNFo14 https://www.blackbox.ai/screenshot/HB00MJtNhYifPgPNFo14?share=true

<div class="relative flex items-center space-x-2 mb-4">
  <button
    id="prevBtn"
    aria-label="Previous link"
    class="p-2 bg-cyan-700 hover:bg-cyan-600 rounded-md text-white disabled:opacity-50 disabled:cursor-not-allowed"
  >
    <i class="fas fa-chevron-left"></i>
  </button>
  <div
    id="slider"
    tabindex="0"
    aria-label="Teleportation slider with preset links"
    class="flex overflow-x-auto scrollbar-hide space-x-4 flex-grow py-2"
  ></div>
  <button
    id="nextBtn"
    aria-label="Next link"
    class="p-2 bg-cyan-700 hover:bg-cyan-600 rounded-md text-white disabled:opacity-50 disabled:cursor-not-allowed"
  >
    <i class="fas fa-chevron-right"></i>
  </button>
</div>

<div class="flex-grow bg-black rounded-lg border border-cyan-700 shadow-lg overflow-hidden relative">
  <iframe
    id="viewerIframe"
    src=""
    title="LiterallyAnything.io Teleportation Viewer"
    frameborder="0"
    sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
    class="w-full h-full"
  ></iframe>
  <div
    id="loadingOverlay"
    aria-busy="true"
    aria-live="polite"
    class="absolute inset-0 bg-black bg-opacity-70 flex items-center justify-center text-cyan-400 text-lg font-semibold select-none hidden"
  >
    Loading...
  </div>
</div>