.recipe-cards.svelte-464ns3{display:grid;gap:4em 2em;grid-template-columns:repeat(auto-fit,minmax(min(100%,17em),1fr))}article.svelte-464ns3{position:relative}article.svelte-464ns3:hover>figure:where(.svelte-464ns3)>div:where(.svelte-464ns3){scale:1.05}article.svelte-464ns3 figure:where(.svelte-464ns3){display:flex;align-items:center;justify-content:center;border-radius:1em;aspect-ratio:4/5;overflow:clip;background-color:var(--mmm-blue-tint);animation:var(--anim-skeleton);color:var(--deep-blue)}article.svelte-464ns3 figure:where(.svelte-464ns3) div:where(.svelte-464ns3){width:100%;height:100%;transition:scale .8s var(--ease-expo)}article.svelte-464ns3>div:where(.svelte-464ns3){display:flex;flex-direction:column;gap:.5em;margin-block-start:1em}article.svelte-464ns3>div:where(.svelte-464ns3) :where(.svelte-464ns3){margin:0}article.svelte-464ns3>div:where(.svelte-464ns3) .info:where(.svelte-464ns3){display:flex;align-items:center;gap:.75em;flex-wrap:wrap}article.svelte-464ns3>div:where(.svelte-464ns3) .info:where(.svelte-464ns3) .duration:where(.svelte-464ns3),article.svelte-464ns3>div:where(.svelte-464ns3) .info:where(.svelte-464ns3) .dietary:where(.svelte-464ns3){display:flex;gap:.375em;align-items:center;font-size:var(--font-size-small);font-family:var(--font-sans);line-height:1.25}article.svelte-464ns3>div:where(.svelte-464ns3) .info:where(.svelte-464ns3) .dietary:where(.svelte-464ns3){padding:0;list-style:none}article.svelte-464ns3>div:where(.svelte-464ns3) .info:where(.svelte-464ns3) .dietary:where(.svelte-464ns3) li:where(.svelte-464ns3){margin:0;padding:.25em .5em;border-radius:1em;min-width:3.5ch;background-color:var(--mmm-blue-tint);font-size:var(--font-size-small);letter-spacing:.0625em;text-transform:uppercase;text-align:center}article.svelte-464ns3 a:where(.svelte-464ns3){position:absolute;top:0;right:0;bottom:0;left:0}@media only screen and (width <= 30rem){.recipe-cards.svelte-464ns3{gap:2em}}@media (prefers-reduced-motion: reduce),(pointer: coarse){article.svelte-464ns3:hover>figure:where(.svelte-464ns3)>div:where(.svelte-464ns3){scale:1}}