.shot.svelte-1xw8b7r{position:relative;overflow:hidden;border:1px solid var(--color-base-300);border-radius:.5rem;background:#f7f7f7;box-shadow:0 10px 30px -12px #00000040}.shot.svelte-1xw8b7r img:where(.svelte-1xw8b7r){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.shot.svelte-1xw8b7r img.on:where(.svelte-1xw8b7r){opacity:1}figcaption.svelte-1xw8b7r{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.6rem;font-size:.85rem}.caption.svelte-1xw8b7r{color:color-mix(in oklab,var(--color-base-content) 70%,transparent)}.dots.svelte-1xw8b7r{display:flex;gap:.35rem}.dots.svelte-1xw8b7r button:where(.svelte-1xw8b7r){width:.5rem;height:.5rem;border-radius:9999px;background:var(--color-base-300);cursor:pointer}.dots.svelte-1xw8b7r button.on:where(.svelte-1xw8b7r){background:var(--color-primary)}@media (prefers-reduced-motion: reduce){.shot.svelte-1xw8b7r img:where(.svelte-1xw8b7r){transition:none}}.shot.svelte-a1p8lw{overflow:hidden;border:1px solid var(--color-base-300);border-radius:.5rem;background:#f7f7f7;box-shadow:0 10px 30px -12px #00000040}.shot.svelte-a1p8lw img:where(.svelte-a1p8lw){display:block;width:100%;height:auto}.shot-tall.svelte-a1p8lw{max-width:26rem;justify-self:center}.step-no.svelte-a1p8lw{display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;border-radius:9999px;background:var(--color-primary);color:var(--color-primary-content);font-weight:700}