.gallery.svelte-7tw8tf{position:absolute;inset:0}.gallery.svelte-7tw8tf img:where(.svelte-7tw8tf){object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.gallery.svelte-7tw8tf img.active:where(.svelte-7tw8tf){opacity:1}.nav.svelte-7tw8tf{color:#313637;cursor:pointer;opacity:0;background:#ffffffd9;border:none;border-radius:50%;place-items:center;width:34px;height:34px;transition:opacity .2s,background .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #2931322e}.gallery.svelte-7tw8tf:hover .nav:where(.svelte-7tw8tf){opacity:1}.nav.svelte-7tw8tf:hover{color:#4f8096;background:#fff}.nav.prev.svelte-7tw8tf{left:12px}.nav.next.svelte-7tw8tf{right:12px}.nav.svelte-7tw8tf svg:where(.svelte-7tw8tf){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.dots.svelte-7tw8tf{gap:7px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dot.svelte-7tw8tf{cursor:pointer;background:#31363740;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .2s}.dot.on.svelte-7tw8tf{background:#4f8096}