.cookbook-surface-page{background-color:rgb(var(--background))}.cookbook-surface-card,.cookbook-filters .cookbook-chip-idle:not(:hover){background-color:var(--color-fd-card)}.cookbook-header-image{background-image:image-set(url(/images/grain/fluted-glass-grain.webp) 1x, url(/images/grain/fluted-glass-grain.webp) 2x, url(/images/grain/fluted-glass-grain.webp) 3x), var(--cookbook-cover);background-position:0 0,100%;background-repeat:repeat,no-repeat;background-size:auto,max(100%,1000px) 100%}@keyframes cookbook-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes cookbook-draw{0%{stroke-dashoffset:14px}to{stroke-dashoffset:0}}@keyframes cookbook-sweep{0%{opacity:.9;transform:translateY(-100%)}to{opacity:0;transform:translateY(100%)}}@keyframes cookbook-rise{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes cookbook-toast-in{0%{opacity:0;transform:translate(-50%,1rem)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes cookbook-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.cookbook-copy svg{color:inherit}.cookbook-copy[data-copied=true]{animation:.36s cubic-bezier(.22,1,.36,1) cookbook-pop}.cookbook-copy[data-copied=true] .cookbook-check{stroke-dasharray:14;animation:.32s cubic-bezier(.22,1,.36,1) 80ms both cookbook-draw}.cookbook-prompt[data-copied=true]{border-color:var(--color-fd-primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-fd-primary) 18%, transparent)}.cookbook-prompt[data-copied=true]:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent 0%, color-mix(in oklab, var(--color-fd-primary) 22%, transparent) 50%, transparent 100%);animation:.65s cubic-bezier(.22,1,.36,1) forwards cookbook-sweep;position:absolute;inset:0}.cookbook-badge{animation:.26s cubic-bezier(.22,1,.36,1) both cookbook-rise}.cookbook-toast{animation:.32s cubic-bezier(.22,1,.36,1) both cookbook-toast-in}.cookbook-toast-timer{transform-origin:0;animation:3.6s linear forwards cookbook-toast-timer}.cookbook-header-image{transition:transform .6s cubic-bezier(.22,1,.36,1)}.cookbook-card:hover .cookbook-header-image{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.cookbook-copy[data-copied=true],.cookbook-copy[data-copied=true] .cookbook-check,.cookbook-prompt[data-copied=true]:after,.cookbook-badge,.cookbook-toast,.cookbook-toast .cookbook-check,.cookbook-toast-timer,.cookbook-header-image{transition:none!important;animation:none!important}}
