.recipe-cards.svelte-155grgg{display:grid;gap:4em 2em;grid-template-columns:repeat(auto-fit,minmax(min(100%,17em),1fr))}article.svelte-155grgg{position:relative}article.svelte-155grgg:hover>figure:where(.svelte-155grgg)>div:where(.svelte-155grgg){scale:1.05}article.svelte-155grgg figure:where(.svelte-155grgg){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-155grgg figure:where(.svelte-155grgg) div:where(.svelte-155grgg){width:100%;height:100%;transition:scale .8s var(--ease-expo)}article.svelte-155grgg>div:where(.svelte-155grgg){display:flex;flex-direction:column;gap:.5em;margin-block-start:1em}article.svelte-155grgg>div:where(.svelte-155grgg) :where(.svelte-155grgg){margin:0}article.svelte-155grgg>div:where(.svelte-155grgg) .info:where(.svelte-155grgg){display:flex;align-items:center;gap:.75em;flex-wrap:wrap}article.svelte-155grgg>div:where(.svelte-155grgg) .info:where(.svelte-155grgg) .duration:where(.svelte-155grgg),article.svelte-155grgg>div:where(.svelte-155grgg) .info:where(.svelte-155grgg) .dietary:where(.svelte-155grgg){display:flex;gap:.375em;align-items:center;font-size:var(--font-size-small);font-family:var(--font-sans);line-height:1.25}article.svelte-155grgg>div:where(.svelte-155grgg) .info:where(.svelte-155grgg) .dietary:where(.svelte-155grgg){padding:0;list-style:none}article.svelte-155grgg>div:where(.svelte-155grgg) .info:where(.svelte-155grgg) .dietary:where(.svelte-155grgg) li:where(.svelte-155grgg){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-155grgg a:where(.svelte-155grgg){position:absolute;top:0;right:0;bottom:0;left:0}@media only screen and (width <= 30rem){.recipe-cards.svelte-155grgg{gap:2em}}@media (prefers-reduced-motion: reduce),(pointer: coarse){article.svelte-155grgg:hover>figure:where(.svelte-155grgg)>div:where(.svelte-155grgg){scale:1}}