<turbo-stream action="append" target="body"><template>
  
<div
  class="fixed inset-0 z-50 bg-black"
  data-controller="lightbox-thumbnails lightbox"
  data-action="lightbox:changeItem->lightbox-thumbnails#update lightbox-thumbnails:loadBefore->lightbox#loadBefore lightbox-thumbnails:loadAfter->lightbox#loadAfter keydown@document->lightbox#navigate"
  data-lightbox-current-value="36358"
  data-lightbox-thumbnails-current-class="border-orange-400!"
  data-lightbox-body-class="h-full touch-none overflow-hidden bg-black">
  <button class="absolute top-0 right-0 z-20 bg-white p-2 hover:bg-gray-100" data-action="lightbox#close">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="size-6 fill-gray-500 icon"><path d="m193.94 256 102.56-102.56 21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0l-123.71 123.71-123.71-123.72c-3.12-3.12-8.19-3.12-11.31 0l-22.64 22.63c-3.12 3.12-3.12 8.19 0 11.31l123.72 123.72-123.72 123.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0l123.72-123.71 102.56 102.56 21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31z"></path></svg>
  </button>

  <button class="absolute top-1/2 left-0 z-20 hidden bg-white p-2 hover:bg-gray-100 lg:block" data-action="lightbox#previous">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="size-6 fill-gray-500 icon"><path d="m238.475 475.535 7.071-7.07c4.686-4.686 4.686-12.284 0-16.971l-195.493-195.494 195.493-195.494c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-211.051 211.05c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z"></path></svg>
  </button>

  <button class="absolute top-1/2 right-0 z-20 hidden bg-white p-2 ps-2 hover:bg-gray-100 lg:block" data-action="lightbox#next">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="size-6 fill-gray-500 icon"><path d="m17.525 36.465-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971l195.493 195.494-195.493 195.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971l-211.051-211.049c-4.686-4.687-12.284-4.687-16.97 0z"></path></svg>
  </button>

  

  
  <div class="size-full overflow-hidden">
    <div class="no-scrollbar flex h-full snap-x snap-mandatory overflow-x-scroll overflow-y-hidden scroll-smooth" data-lightbox-target="items" data-action="scroll-&gt;lightbox#updateItem">
      
      <div class="relative flex size-full shrink-0 snap-start items-center" data-id="17328">
  <div class="absolute bottom-12 left-0 z-10 max-w-96 bg-black/80 p-3 text-sm text-gray-300 lg:bottom-28">
    <div class="mb-1">
      <span class="text-gray-500">Rozmiar:</span>
      <a target="_blank" rel="noopener" href="https://i11.fdbimg.pl/i/h/q/c/hqcdwybqfi238hx56nq8v2lb8k10">500x750 (63,4 KB)</a>
    </div>
    <div class="mb-1">
      <span class="text-gray-500">Dodający:</span>
        <a target="_blank" rel="noopener" href="https://fdb.pl/users/kristo">Kristo</a>
    </div>
    <div class="mb-1">
      <span class="text-gray-500">Film:</span>
      <a target="_blank" rel="noopener" href="https://fdb.pl/film/41861-botta-e-risposta">Botta e risposta (1950)</a>
    </div>
  </div>

  <img class="m-auto size-full bg-black object-contain" loading="lazy" data-action="click-&gt;lightbox-thumbnails#toggle" src="https://v1.fdbimg.pl/crop?height=750&amp;noprofile=true&amp;quality=80&amp;sign=q934yto-Az2EMOiJtpeqEno_cTOX0UMzfhSdpOfri5M&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fh%2Fq%2Fc%2Fhqcdwybqfi238hx56nq8v2lb8k10&amp;width=500" />
</div><div class="relative flex size-full shrink-0 snap-start items-center" data-id="36358">
  <div class="absolute bottom-12 left-0 z-10 max-w-96 bg-black/80 p-3 text-sm text-gray-300 lg:bottom-28">
    <div class="mb-1">
      <span class="text-gray-500">Rozmiar:</span>
      <a target="_blank" rel="noopener" href="https://i11.fdbimg.pl/i/x/b/f/xbfzsjwzd315iytku9pbk90mg7u0">1871x2591 (1020 KB)</a>
    </div>
    <div class="mb-1">
      <span class="text-gray-500">Dodający:</span>
        <a target="_blank" rel="noopener" href="https://fdb.pl/users/marcoduch">marcoduch</a>
    </div>
    <div class="mb-1">
      <span class="text-gray-500">Film:</span>
      <a target="_blank" rel="noopener" href="https://fdb.pl/film/41861-botta-e-risposta">Botta e risposta (1950)</a>
    </div>
  </div>

  <img class="m-auto size-full bg-black object-contain" loading="lazy" data-action="click-&gt;lightbox-thumbnails#toggle" src="https://v1.fdbimg.pl/crop?height=2591&amp;noprofile=true&amp;quality=80&amp;sign=_3hHxmnvUTdM8RTvpedElRdN_vYaTpdtTtl6r4qG_jc&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fx%2Fb%2Ff%2Fxbfzsjwzd315iytku9pbk90mg7u0&amp;width=1871" />
</div><div class="relative flex size-full shrink-0 snap-start items-center" data-id="42668">
  <div class="absolute bottom-12 left-0 z-10 max-w-96 bg-black/80 p-3 text-sm text-gray-300 lg:bottom-28">
    <div class="mb-1">
      <span class="text-gray-500">Rozmiar:</span>
      <a target="_blank" rel="noopener" href="https://i11.fdbimg.pl/i/g/8/5/g855oa4gje6pe7aj2027qlsi6jz9">1404x977 (434 KB)</a>
    </div>
    <div class="mb-1">
      <span class="text-gray-500">Dodający:</span>
        <a target="_blank" rel="noopener" href="https://fdb.pl/users/marcoduch">marcoduch</a>
    </div>
    <div class="mb-1">
      <span class="text-gray-500">Film:</span>
      <a target="_blank" rel="noopener" href="https://fdb.pl/film/41861-botta-e-risposta">Botta e risposta (1950)</a>
    </div>
  </div>

  <img class="m-auto size-full bg-black object-contain" loading="lazy" data-action="click-&gt;lightbox-thumbnails#toggle" src="https://v1.fdbimg.pl/crop?height=977&amp;noprofile=true&amp;quality=80&amp;sign=Mbmid1j4jLqvYzX3VgmQr7yAtkC64fj7GM0uQFqHaMk&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fg%2F8%2F5%2Fg855oa4gje6pe7aj2027qlsi6jz9&amp;width=1404" />
</div><div class="relative flex size-full shrink-0 snap-start items-center" data-id="54366">
  <div class="absolute bottom-12 left-0 z-10 max-w-96 bg-black/80 p-3 text-sm text-gray-300 lg:bottom-28">
    <div class="mb-1">
      <span class="text-gray-500">Rozmiar:</span>
      <a target="_blank" rel="noopener" href="https://i11.fdbimg.pl/i/4/r/0/4r06v6acew2vd390136qh1zhyi5d">534x748 (235 KB)</a>
    </div>
    <div class="mb-1">
      <span class="text-gray-500">Dodający:</span>
        <a target="_blank" rel="noopener" href="https://fdb.pl/users/marcoduch">marcoduch</a>
    </div>
    <div class="mb-1">
      <span class="text-gray-500">Film:</span>
      <a target="_blank" rel="noopener" href="https://fdb.pl/film/41861-botta-e-risposta">Botta e risposta (1950)</a>
    </div>
  </div>

  <img class="m-auto size-full bg-black object-contain" loading="lazy" data-action="click-&gt;lightbox-thumbnails#toggle" src="https://v1.fdbimg.pl/crop?height=748&amp;noprofile=true&amp;quality=80&amp;sign=BixcvMHnXlvr5NCu6YFps2S0gQ3G-GfB3Qsi5kLJIiA&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2F4%2Fr%2F0%2F4r06v6acew2vd390136qh1zhyi5d&amp;width=534" />
</div>

</div>  </div>

  
  <div class="absolute inset-x-0 bottom-1 z-10 lg:bottom-6" data-lightbox-thumbnails-target="container">
    <div class="relative">
      <button class="absolute top-1/2 left-0 z-20 hidden -translate-y-1/2 transform bg-white p-2 hover:bg-gray-100 lg:block" data-action="lightbox-thumbnails#previous">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="size-6 fill-gray-500 icon"><path d="m238.475 475.535 7.071-7.07c4.686-4.686 4.686-12.284 0-16.971l-195.493-195.494 195.493-195.494c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-211.051 211.05c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z"></path></svg>
      </button>

      <button class="absolute top-1/2 right-0 z-20 hidden -translate-y-1/2 transform bg-white p-2 hover:bg-gray-100 lg:block" data-action="lightbox-thumbnails#next">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="size-6 fill-gray-500 icon"><path d="m17.525 36.465-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971l195.493 195.494-195.493 195.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971l-211.051-211.049c-4.686-4.687-12.284-4.687-16.97 0z"></path></svg>
      </button>
      <div class="overflow-hidden lg:mx-12">
        <div class="no-scrollbar flex h-full snap-x snap-mandatory gap-0.5 overflow-x-scroll overflow-y-hidden scroll-smooth lg:gap-2" data-lightbox-thumbnails-target="thumbnails" data-action="scroll-&gt;lightbox-thumbnails#loadMoreIfNeeded">
          
      <button class="w-10 shrink-0 cursor-pointer snap-center border-2 border-transparent lg:w-16" data-action="lightbox#scroll" data-id="17328">
  <span class="adaptive-image block"><span class="adaptive-image-container" style="padding-bottom: 144.92753623188406%;" data-adults="false"><img srcset="/assets/empty-070a054a.gif 1w, https://v1.fdbimg.pl/crop?height=58&amp;noprofile=true&amp;quality=80&amp;sign=779VNlfpZ2DRcnN1M4kKwgcKPkBHQm6Y0fnXNl-goqk&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fh%2Fq%2Fc%2Fhqcdwybqfi238hx56nq8v2lb8k10&amp;width=40 40w, https://v1.fdbimg.pl/crop?height=116&amp;noprofile=true&amp;quality=80&amp;sign=ZR_wDUPBLDmdeOFMgAvOPD9sHCEjTSmL2kYKTiRg4do&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fh%2Fq%2Fc%2Fhqcdwybqfi238hx56nq8v2lb8k10&amp;width=80 80w, https://v1.fdbimg.pl/crop?height=290&amp;noprofile=true&amp;quality=80&amp;sign=W82neAAicT3tmHoCxk1_w18VUjYDEqupvVFHaSnuiMQ&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fh%2Fq%2Fc%2Fhqcdwybqfi238hx56nq8v2lb8k10&amp;width=200 200w, https://v1.fdbimg.pl/crop?height=580&amp;noprofile=true&amp;quality=80&amp;sign=RNzy41H7jVoW5r6Dsb41zW35E1FHIAxc-IZ0sbxpnZM&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fh%2Fq%2Fc%2Fhqcdwybqfi238hx56nq8v2lb8k10&amp;width=400 400w, https://v1.fdbimg.pl/crop?height=725&amp;noprofile=true&amp;quality=80&amp;sign=8-hP1euVhOEyJ_0c4RLBN3JfYLUyLTx8PELLYqOAejM&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fh%2Fq%2Fc%2Fhqcdwybqfi238hx56nq8v2lb8k10&amp;width=500 500w" sizes="(min-width: 992px) 62px, 40px" alt="" class="adaptive-image-item w-full" style="aspect-ratio: 0.69" loading="lazy" src="/assets/empty-070a054a.gif" /></span></span>
</button>
<button class="w-10 shrink-0 cursor-pointer snap-center border-2 border-transparent lg:w-16" data-action="lightbox#scroll" data-id="36358">
  <span class="adaptive-image block"><span class="adaptive-image-container" style="padding-bottom: 144.92753623188406%;" data-adults="false"><img srcset="/assets/empty-070a054a.gif 1w, https://v1.fdbimg.pl/crop?height=58&amp;noprofile=true&amp;quality=80&amp;sign=7QDXR8kyRghDAHEiOF0yktLhzcSwkdP1onlB5IRfsX0&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fx%2Fb%2Ff%2Fxbfzsjwzd315iytku9pbk90mg7u0&amp;width=40 40w, https://v1.fdbimg.pl/crop?height=116&amp;noprofile=true&amp;quality=80&amp;sign=UyqSUsQkqVIqvzgizkgryP60Ahk12OYNm0KgqdQC9L0&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fx%2Fb%2Ff%2Fxbfzsjwzd315iytku9pbk90mg7u0&amp;width=80 80w, https://v1.fdbimg.pl/crop?height=290&amp;noprofile=true&amp;quality=80&amp;sign=srPNmlkjw_QY1Pu0O1zdvvnZAOSSUUzoaRwk1xHGKKU&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fx%2Fb%2Ff%2Fxbfzsjwzd315iytku9pbk90mg7u0&amp;width=200 200w, https://v1.fdbimg.pl/crop?height=580&amp;noprofile=true&amp;quality=80&amp;sign=_i5ehI2ruBIgXP2i__fKrOtFRaR6IiZ9QDPZI2pLVzY&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fx%2Fb%2Ff%2Fxbfzsjwzd315iytku9pbk90mg7u0&amp;width=400 400w, https://v1.fdbimg.pl/crop?height=1159&amp;noprofile=true&amp;quality=80&amp;sign=4_nZuGAxPtijJc0x3mox9nOpO2KG-aRYnJ1Ab8hBhsI&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fx%2Fb%2Ff%2Fxbfzsjwzd315iytku9pbk90mg7u0&amp;width=800 800w, https://v1.fdbimg.pl/crop?height=1739&amp;noprofile=true&amp;quality=80&amp;sign=AaOXiF9xCVGPqpOq8U3d-lH8HVAONejEp-oW5WnbpEA&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fx%2Fb%2Ff%2Fxbfzsjwzd315iytku9pbk90mg7u0&amp;width=1200 1200w, https://v1.fdbimg.pl/crop?height=2591&amp;noprofile=true&amp;quality=80&amp;sign=xQnHAUfFMCv2EQPjkw-MzCMk4DLVneccZPZUW2jMauc&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fx%2Fb%2Ff%2Fxbfzsjwzd315iytku9pbk90mg7u0&amp;width=1788 1788w" sizes="(min-width: 992px) 62px, 40px" alt="" class="adaptive-image-item w-full" style="aspect-ratio: 0.69" loading="lazy" src="/assets/empty-070a054a.gif" /></span></span>
</button>
<button class="w-10 shrink-0 cursor-pointer snap-center border-2 border-transparent lg:w-16" data-action="lightbox#scroll" data-id="42668">
  <span class="adaptive-image block"><span class="adaptive-image-container" style="padding-bottom: 144.92753623188406%;" data-adults="false"><img srcset="/assets/empty-070a054a.gif 1w, https://v1.fdbimg.pl/crop?height=58&amp;noprofile=true&amp;quality=80&amp;sign=3ROJpDQVVuy30wy369IUqWtnLb5_wftUDUiTK8S4Cm0&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fg%2F8%2F5%2Fg855oa4gje6pe7aj2027qlsi6jz9&amp;width=40 40w, https://v1.fdbimg.pl/crop?height=116&amp;noprofile=true&amp;quality=80&amp;sign=6dm3ubqTVnlmJ5Rk2YuUS2r3pZY1zM8053cm4Qr8k_U&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fg%2F8%2F5%2Fg855oa4gje6pe7aj2027qlsi6jz9&amp;width=80 80w, https://v1.fdbimg.pl/crop?height=290&amp;noprofile=true&amp;quality=80&amp;sign=m5tkN9bbcBujqCsbm6pGJDd_sezu6v7f8RKNSa-VeDs&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fg%2F8%2F5%2Fg855oa4gje6pe7aj2027qlsi6jz9&amp;width=200 200w, https://v1.fdbimg.pl/crop?height=580&amp;noprofile=true&amp;quality=80&amp;sign=baEK3pBucPaTUiJTLbQ6WtHszHl5xWWi-4SPHWdrq_Y&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fg%2F8%2F5%2Fg855oa4gje6pe7aj2027qlsi6jz9&amp;width=400 400w, https://v1.fdbimg.pl/crop?height=977&amp;noprofile=true&amp;quality=80&amp;sign=6t-qRmogHX3-SuROG-leIMyoD5-3Sc-lqo9CnzYlyu8&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2Fg%2F8%2F5%2Fg855oa4gje6pe7aj2027qlsi6jz9&amp;width=674 674w" sizes="(min-width: 992px) 62px, 40px" alt="" class="adaptive-image-item w-full" style="aspect-ratio: 0.69" loading="lazy" src="/assets/empty-070a054a.gif" /></span></span>
</button>
<button class="w-10 shrink-0 cursor-pointer snap-center border-2 border-transparent lg:w-16" data-action="lightbox#scroll" data-id="54366">
  <span class="adaptive-image block"><span class="adaptive-image-container" style="padding-bottom: 144.92753623188406%;" data-adults="false"><img srcset="/assets/empty-070a054a.gif 1w, https://v1.fdbimg.pl/crop?height=58&amp;noprofile=true&amp;quality=80&amp;sign=9ddiTUnnwHJWttQshGVVN16qbVExpvIbfVDj-0elRSM&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2F4%2Fr%2F0%2F4r06v6acew2vd390136qh1zhyi5d&amp;width=40 40w, https://v1.fdbimg.pl/crop?height=116&amp;noprofile=true&amp;quality=80&amp;sign=isKx2NvkU1OuyIXxje_o9HYgDiWIoRAifWUpGqMdo1Y&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2F4%2Fr%2F0%2F4r06v6acew2vd390136qh1zhyi5d&amp;width=80 80w, https://v1.fdbimg.pl/crop?height=290&amp;noprofile=true&amp;quality=80&amp;sign=INWqhNgN__3Xdv6nDzNMDo7WuoWYKeZ3w8PI2uHIuGs&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2F4%2Fr%2F0%2F4r06v6acew2vd390136qh1zhyi5d&amp;width=200 200w, https://v1.fdbimg.pl/crop?height=580&amp;noprofile=true&amp;quality=80&amp;sign=dFadN6Sj7DqNLF6l4ZxVpqu661pGICWv1KASYnG5ECk&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2F4%2Fr%2F0%2F4r06v6acew2vd390136qh1zhyi5d&amp;width=400 400w, https://v1.fdbimg.pl/crop?height=748&amp;noprofile=true&amp;quality=80&amp;sign=yjOjQfO1z00b7-pE22WPnttgEfonLj92nWLoxrYTAWw&amp;stripmeta=true&amp;type=webp&amp;url=https%3A%2F%2Fi11.fdbimg.pl%2Fi%2F4%2Fr%2F0%2F4r06v6acew2vd390136qh1zhyi5d&amp;width=516 516w" sizes="(min-width: 992px) 62px, 40px" alt="" class="adaptive-image-item w-full" style="aspect-ratio: 0.69" loading="lazy" src="/assets/empty-070a054a.gif" /></span></span>
</button>


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

</div>

</template></turbo-stream>