.image-gallery.svelte-ucxl5u{display:grid;grid-template-rows:repeat(2,auto);gap:10px;padding-inline:5px}.main-image.svelte-ucxl5u{display:flex;justify-content:center;border-radius:1rem;overflow:hidden;aspect-ratio:1/1;position:relative;max-height:100%;width:100%}.main-image.svelte-ucxl5u .navigation-button:where(.svelte-ucxl5u){position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:40px;height:100%;padding-inline:10px}.main-image.svelte-ucxl5u .navigation-button:where(.svelte-ucxl5u):focus{outline:none}.main-image.svelte-ucxl5u .previous:where(.svelte-ucxl5u){left:10px;text-shadow:1px 0 4px rgb(0,0,0)}.main-image.svelte-ucxl5u .next:where(.svelte-ucxl5u){right:10px;text-shadow:-1px 0 4px rgb(0,0,0)}.main-image.svelte-ucxl5u img{object-fit:contain}.image-scroller.svelte-ucxl5u{padding-left:10px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.image-scroller.svelte-ucxl5u::-webkit-scrollbar{display:none}.image-scroller.svelte-ucxl5u{-ms-overflow-style:none;scrollbar-width:none}.image-wrapper.svelte-ucxl5u{margin-inline:3px;width:28%;aspect-ratio:1/1;border-radius:1rem;overflow:hidden}.image-wrapper[data-active=true].svelte-ucxl5u{border:3px solid var(--colour-green)}.image-wrapper.svelte-ucxl5u .image{object-fit:cover;min-height:100%;min-width:100%}@media(min-width:576px){.main-image.svelte-ucxl5u .navigation-button:where(.svelte-ucxl5u){font-size:80px}.image-wrapper.svelte-ucxl5u{width:14%}}