.picture-gallery.svelte-1ph9xuu{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.main-image.svelte-1ph9xuu{display:block;width:100%;max-width:600px;cursor:pointer;border-radius:.5rem;box-shadow:0 0 10px #0000001a;background:none;border:none;padding:0;font:inherit}.main-image.svelte-1ph9xuu img:where(.svelte-1ph9xuu){width:100%;height:auto;border-radius:.5rem}.thumbnails.svelte-1ph9xuu{display:flex;gap:.5rem}.thumbnails.svelte-1ph9xuu button:where(.svelte-1ph9xuu){width:60px;height:60px;object-fit:cover;border-radius:.5rem;cursor:pointer;transition:transform .3s ease;background:none;border:2px solid transparent;padding:0;font:inherit}.thumbnails.svelte-1ph9xuu button:where(.svelte-1ph9xuu):hover{box-shadow:0 0 10px #0000001a}.thumbnails.svelte-1ph9xuu button.selected:where(.svelte-1ph9xuu){box-shadow:0 0 10px #00000040;border-color:var(--primary, #333)}.thumbnails.svelte-1ph9xuu img:where(.svelte-1ph9xuu){display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(.5rem - 2px)}.modal.svelte-1ph9xuu{padding:0;border:none;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:#000c}.modal.svelte-1ph9xuu::backdrop{background:#000c}.modal[open].svelte-1ph9xuu{display:flex;justify-content:center;align-items:center}.modal-content.svelte-1ph9xuu{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center}.modal.svelte-1ph9xuu img:where(.svelte-1ph9xuu){width:auto;height:auto;max-width:100%;max-height:90vh;border-radius:.5rem}.modal.svelte-1ph9xuu .close:where(.svelte-1ph9xuu){position:absolute;top:.5rem;right:.5rem;background:none;font-size:2rem;color:gray;cursor:pointer;width:25px;height:25px;border-radius:50%;border:1px solid gray;transition:color .3s ease;display:flex;justify-content:center;align-items:center;padding:1px 0 0 1px;margin:0;-webkit-user-select:none;user-select:none}.modal.svelte-1ph9xuu .close:where(.svelte-1ph9xuu):hover{color:#000;border-color:#000;background:#fff;box-shadow:0 0 10px #0000001a}.modal.svelte-1ph9xuu .prev:where(.svelte-1ph9xuu),.modal.svelte-1ph9xuu .next:where(.svelte-1ph9xuu){position:absolute;top:50%;transform:translateY(-50%);height:300px;padding:0 1rem;background:transparent;border:none;border-radius:.5rem;font-size:2.5rem;color:gray;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color,color .3s ease}.modal.svelte-1ph9xuu .prev:where(.svelte-1ph9xuu){left:.5rem}.modal.svelte-1ph9xuu .next:where(.svelte-1ph9xuu){right:.5rem}.modal.svelte-1ph9xuu .prev:where(.svelte-1ph9xuu):hover,.modal.svelte-1ph9xuu .next:where(.svelte-1ph9xuu):hover{color:#000;background:#00000040;box-shadow:0 0 10px #0000001a}
