.recipe-opt[data-v-e0c3090f]{cursor:pointer;border-color:var(--iq-line);background:var(--iq-surface);transition:transform var(--iq-duration-fast) var(--iq-ease-out),border-color var(--iq-duration-fast) var(--iq-ease-out),background var(--iq-duration-fast) var(--iq-ease-out),box-shadow var(--iq-duration-fast) var(--iq-ease-out)}.recipe-opt[data-v-e0c3090f]:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(-2px)}.recipe-opt[data-v-e0c3090f]:active{transform:translateY(0)}.recipe-opt--featured[data-v-e0c3090f]{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--iq-surface));display:block}.recipe-opt--featured[data-v-e0c3090f] .iq-recipe-media{max-height:200px}@media (width<=719px){.recipe-opt--featured[data-v-e0c3090f]{border-width:2px 2px 2px 4px}.recipe-opt--featured[data-v-e0c3090f] .iq-recipe-media{width:72px;min-width:72px;height:72px;max-height:none}}.recipe-opt.is-selected[data-v-e0c3090f]{border-color:var(--accent);background:var(--iq-bg2)}@media (prefers-reduced-motion:reduce){.recipe-opt[data-v-e0c3090f]:active,.recipe-opt[data-v-e0c3090f]:hover{transform:none}}