.gallery.svelte-zwzxr8{display:flex;flex-direction:column;gap:1.5rem;max-height:700px}.main-image.svelte-zwzxr8{border-radius:1rem;background:#fff;box-shadow:0 4px 12px #0000001a;overflow:hidden}.lightbox-trigger.svelte-zwzxr8{all:unset;display:block;cursor:zoom-in}.main-image.svelte-zwzxr8 img:where(.svelte-zwzxr8){top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1rem}.thumbnails.svelte-zwzxr8{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;padding:.5rem}.thumbnail.svelte-zwzxr8{position:relative;aspect-ratio:1;width:100%;border-radius:.5rem;background:#fff;box-shadow:0 2px 4px #0000000d;border:none;padding:0;cursor:pointer;transition:all .2s}.thumbnail.svelte-zwzxr8:hover{box-shadow:0 0 0 1px var(--clr-accent)}.thumbnail.selected.svelte-zwzxr8{box-shadow:0 0 0 3px var(--clr-accent)}.thumbnail.svelte-zwzxr8 img:where(.svelte-zwzxr8){width:100%;height:100%;object-fit:cover;border-radius:.5rem}.gallery-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.gallery-lightbox__content{position:relative;display:flex;align-items:center;gap:1rem;max-width:min(90vw,1200px);width:100%}.gallery-lightbox__content img{width:100%;max-height:80vh;object-fit:contain;border-radius:.5rem;box-shadow:0 10px 40px #0006}.gallery-lightbox__close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10}.gallery-lightbox__close:hover{background:#fff3}.gallery-lightbox__nav{background:#0006;color:#fff;border:none;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:background .2s ease;flex-shrink:0}.gallery-lightbox__nav:hover{background:#0009}.gallery-lightbox__pagination{position:absolute;bottom:1rem;right:1rem;color:#fff;font-size:.875rem}@media(max-width:640px){.gallery-lightbox__content{flex-direction:column}.gallery-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%)}.gallery-lightbox__nav--prev{left:.5rem}.gallery-lightbox__nav--next{right:.5rem}}