.shot.svelte-1h8eqsa{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-1h8eqsa img:where(.svelte-1h8eqsa){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.shot.svelte-1h8eqsa img.on:where(.svelte-1h8eqsa){opacity:1}.done.svelte-1h8eqsa{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;padding:.85rem 1rem;border-radius:.5rem;background:color-mix(in oklab,var(--color-base-100) 94%,transparent);box-shadow:0 8px 24px -10px #00000059;font-size:.9rem;opacity:0;transform:translateY(.5rem);transition:opacity .5s ease,transform .5s ease}.done.on.svelte-1h8eqsa{opacity:1;transform:none;transition-delay:1.2s}.done.svelte-1h8eqsa ul:where(.svelte-1h8eqsa){display:grid;gap:.3rem;margin-top:.4rem}.done.svelte-1h8eqsa li:where(.svelte-1h8eqsa){display:flex;gap:.45rem;align-items:flex-start}.done.svelte-1h8eqsa .tick{flex:none;margin-top:.15rem;color:var(--color-success)}@media (max-width: 480px){.done.svelte-1h8eqsa{font-size:.75rem;padding:.6rem .75rem}}figcaption.svelte-1h8eqsa{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.6rem;font-size:.85rem}.caption.svelte-1h8eqsa{color:color-mix(in oklab,var(--color-base-content) 70%,transparent)}.dots.svelte-1h8eqsa{display:flex;gap:.35rem}.dots.svelte-1h8eqsa button:where(.svelte-1h8eqsa){width:.5rem;height:.5rem;border-radius:9999px;background:var(--color-base-300);cursor:pointer}.dots.svelte-1h8eqsa button.on:where(.svelte-1h8eqsa){background:var(--color-primary)}@media (prefers-reduced-motion: reduce){.shot.svelte-1h8eqsa img:where(.svelte-1h8eqsa),.done.svelte-1h8eqsa{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}