@container recipe-card (max-width: 300px){.secondary-meta.svelte-kjqgow{display:grid;grid-template-columns:minmax(0,1fr) auto}.secondary-meta.svelte-kjqgow time:where(.svelte-kjqgow){grid-column:1 / -1}}.accent-bar.svelte-kjqgow{opacity:0;transition:opacity var(--motion-normal) var(--ease-out)}.arrow-icon.svelte-kjqgow{transition:background-color var(--motion-normal) var(--ease-out),color var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-out)}.recipe-card{transition:border-color var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-out)}@media(hover:hover){.recipe-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--color-border))}div.group:hover .accent-bar.svelte-kjqgow{opacity:1}div.group:hover .arrow-icon.svelte-kjqgow{background-color:var(--accent);color:#fff;transform:translate(2px,-2px)}}div.group:active .accent-bar.svelte-kjqgow{opacity:1}div.group:active .arrow-icon.svelte-kjqgow{background-color:var(--accent);color:#fff}.recipe-card:active{border-color:color-mix(in srgb,var(--accent) 70%,var(--color-border))}