@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lightbox-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#111827e6;justify-content:center;align-items:center;animation:.3s ease-out forwards lightbox-fade-in;display:flex;position:fixed;inset:0}.lightbox-overlay.closing{opacity:0;transition:opacity .3s ease-in}.lightbox-content{justify-content:center;align-items:center;width:auto;max-width:90vw;height:auto;max-height:90vh;animation:.3s ease-out forwards lightbox-zoom-in;display:flex;position:relative}.lightbox-image{object-fit:contain;opacity:0;border-radius:.5rem;max-width:90vw;max-height:90vh;transition:opacity .4s ease-in-out;box-shadow:0 25px 50px -12px #00000080}.lightbox-image.loaded{opacity:1}.lightbox-loader{box-sizing:border-box;border:5px solid #fff;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block;position:absolute}.lightbox-close-btn{color:#d1d5db;z-index:110;cursor:pointer;background-color:#0000004d;border:none;border-radius:9999px;padding:.5rem;transition:all .2s;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close-btn:hover{color:#fff;background-color:#00000080;transform:rotate(90deg)}.lightbox-close-btn .w-8{width:2rem}.lightbox-close-btn .h-8{height:2rem}.lightbox-nav-btn{color:#d1d5db;z-index:110;cursor:pointer;background-color:#0000004d;border:none;border-radius:9999px;padding:1rem .75rem;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover{color:#fff;background-color:#00000080}.lightbox-nav-btn.prev{left:1.5rem}.lightbox-nav-btn.next{right:1.5rem}.lightbox-nav-btn svg{width:1.5rem;height:1.5rem}.lightbox-counter{color:#fff;background-color:#00000080;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}