.demo-page[data-astro-cid-iw7dv4iv]{--border-radius-container:3px;--orange-light:#ffb566;--orange-dark:#994f00;--green:#64b246;--green-dark:#2d5c1b;--black:#111;--grey-dark:#565658;--grey-light:#f9f9fb;--white:#fff}.intro[data-astro-cid-iw7dv4iv]{max-width:980px;margin:0 auto 2.5rem;padding:0 24px}.page-heading[data-astro-cid-iw7dv4iv]{color:var(--color-text);margin:0 0 .75rem;padding:0}.intro-copy[data-astro-cid-iw7dv4iv]{max-width:40rem;color:var(--color-text-soft);font-family:var(--font-body);margin:0;font-size:1rem;line-height:1.65}[data-astro-cid-iw7dv4iv]{box-sizing:border-box}.demo-page[data-astro-cid-iw7dv4iv]{color:var(--black);background:var(--color-bg);min-height:100vh;margin:0;padding:48px 24px;font-family:sofia-pro-variable,Sofia Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:125%;line-height:1.3}.comparison[data-astro-cid-iw7dv4iv]{gap:32px;width:min(100%,980px);margin:0 auto;display:grid}.comparison-row[data-astro-cid-iw7dv4iv]{background:var(--grey-light);border:1px solid #e6e6e6;grid-template-columns:minmax(0,1fr) 352px;align-items:start;gap:48px;padding:32px;display:grid}.comparison-row-demo[data-astro-cid-iw7dv4iv]{display:block}.demo-card-grid[data-astro-cid-iw7dv4iv]{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.demo-card-grid[data-astro-cid-iw7dv4iv] .card-body[data-astro-cid-iw7dv4iv]{flex-direction:column;display:flex}.demo-card-grid[data-astro-cid-iw7dv4iv] .recipe-stats-row[data-astro-cid-iw7dv4iv]{margin-top:auto;padding-top:.7rem}.u-show-for-sr[data-astro-cid-iw7dv4iv]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.copy-column[data-astro-cid-iw7dv4iv]{padding-top:4px}.copy-column[data-astro-cid-iw7dv4iv] h2[data-astro-cid-iw7dv4iv]{color:var(--black);letter-spacing:-.6px;margin:0 0 .8rem;font-size:1.6rem;font-weight:800;line-height:1}.copy-column[data-astro-cid-iw7dv4iv] p[data-astro-cid-iw7dv4iv]{max-width:26rem;color:var(--grey-dark);margin:0}.card-column[data-astro-cid-iw7dv4iv]{width:352px;max-width:100%}button[data-astro-cid-iw7dv4iv]{cursor:pointer;background:0 0;border:none;padding:0}a[data-astro-cid-iw7dv4iv]{color:inherit;text-decoration:none}img[data-astro-cid-iw7dv4iv]{width:100%;height:auto;display:block}h4[data-astro-cid-iw7dv4iv]{color:var(--black);letter-spacing:-.39px;margin:0;padding:0;font-size:1.05rem;font-weight:800;line-height:1.05rem}p[data-astro-cid-iw7dv4iv]{color:var(--black);margin:0 0 1rem}.card[data-astro-cid-iw7dv4iv]{height:100%;color:var(--black);flex-direction:column;display:flex;position:relative}.card-hover-scale[data-astro-cid-iw7dv4iv]{transform-origin:50%;border-radius:3px;transition:all .3s cubic-bezier(0,0,.5,1);overflow:hidden}.card-hover-scale[data-astro-cid-iw7dv4iv] .card-body[data-astro-cid-iw7dv4iv]{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-hover-scale[data-astro-cid-iw7dv4iv]:hover,.card-hover-scale[data-astro-cid-iw7dv4iv]:focus-within{transform:scale(1.02);box-shadow:0 1px 16px #0003}.card-hover-tilt[data-astro-cid-iw7dv4iv]{--card-scale:1;--tilt-x:0deg;--tilt-y:0deg;--image-x:0px;--image-y:0px;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--card-scale));transform-style:preserve-3d;will-change:transform}.card-hover-tilt[data-astro-cid-iw7dv4iv]:hover,.card-hover-tilt[data-astro-cid-iw7dv4iv]:focus-within{--card-scale:1.02;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--card-scale))}.card-hover-tilt[data-astro-cid-iw7dv4iv] .card-image[data-astro-cid-iw7dv4iv]{border-top-left-radius:3px;border-top-right-radius:3px;overflow:hidden;transform:translateZ(-10px)}.card-hover-tilt[data-astro-cid-iw7dv4iv] .card-image[data-astro-cid-iw7dv4iv] img[data-astro-cid-iw7dv4iv]{transform:scale(1.04) translate3d(var(--image-x), var(--image-y), 0);will-change:transform;transition:all .3s cubic-bezier(0,0,.5,1)}.card-expand-description[data-astro-cid-iw7dv4iv] .card-image[data-astro-cid-iw7dv4iv]{flex:0 0 210px;height:210px;transition:height .45s cubic-bezier(0,0,.5,1),flex-basis .45s cubic-bezier(0,0,.5,1)}.card-expand-description[data-astro-cid-iw7dv4iv]{height:365px}.card-expand-description[data-astro-cid-iw7dv4iv] .card-body[data-astro-cid-iw7dv4iv]{flex-direction:column;flex:auto;min-height:0;display:flex}.card-expand-description[data-astro-cid-iw7dv4iv] .card-body[data-astro-cid-iw7dv4iv]>a[data-astro-cid-iw7dv4iv]{flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow:hidden}.card-expand-description[data-astro-cid-iw7dv4iv] .card-image[data-astro-cid-iw7dv4iv] img[data-astro-cid-iw7dv4iv]{object-fit:cover;height:100%}.card-expand-description[data-astro-cid-iw7dv4iv] .recipe-description-expand[data-astro-cid-iw7dv4iv]{-webkit-line-clamp:unset;flex:0 auto;-webkit-box-orient:initial;max-height:1.8rem;margin:0;transition:max-height .45s cubic-bezier(0,0,.5,1);display:block;position:relative;overflow:hidden}.card-expand-description[data-astro-cid-iw7dv4iv] .recipe-description-expand[data-astro-cid-iw7dv4iv]:after{content:"";background:linear-gradient(to bottom, #fff0, var(--white));opacity:1;pointer-events:none;height:.9rem;transition:opacity .35s cubic-bezier(0,0,.5,1);position:absolute;bottom:0;left:0;right:0}.card-expand-description[data-astro-cid-iw7dv4iv] .recipe-stats-row[data-astro-cid-iw7dv4iv]{flex:none;margin-top:auto;padding-top:.45rem}.demo-card-grid[data-astro-cid-iw7dv4iv] .card-expand-description[data-astro-cid-iw7dv4iv] .recipe-stats-row[data-astro-cid-iw7dv4iv]{gap:.45rem;font-size:.56rem}.demo-card-grid[data-astro-cid-iw7dv4iv] .card-expand-description[data-astro-cid-iw7dv4iv] .recipe-stat[data-astro-cid-iw7dv4iv]{gap:.2rem}.demo-card-grid[data-astro-cid-iw7dv4iv] .card-expand-description[data-astro-cid-iw7dv4iv] .recipe-stat[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv]{width:.66rem;height:.66rem}.card-expand-description[data-astro-cid-iw7dv4iv]:hover .card-image[data-astro-cid-iw7dv4iv],.card-expand-description[data-astro-cid-iw7dv4iv]:focus-within .card-image[data-astro-cid-iw7dv4iv]{flex-basis:157.5px;height:157.5px}.card-expand-description[data-astro-cid-iw7dv4iv]:hover .recipe-description-expand[data-astro-cid-iw7dv4iv],.card-expand-description[data-astro-cid-iw7dv4iv]:focus-within .recipe-description-expand[data-astro-cid-iw7dv4iv]{max-height:3.6rem}.card-expand-description[data-astro-cid-iw7dv4iv]:hover .recipe-description-expand[data-astro-cid-iw7dv4iv]:after,.card-expand-description[data-astro-cid-iw7dv4iv]:focus-within .recipe-description-expand[data-astro-cid-iw7dv4iv]:after{opacity:0;transition-delay:.45s}.card-image-expand[data-astro-cid-iw7dv4iv]{height:365px}.card-image-expand[data-astro-cid-iw7dv4iv] .card-image[data-astro-cid-iw7dv4iv]{flex:0 0 210px;height:210px;transition:height .45s cubic-bezier(0,0,.5,1),flex-basis .45s cubic-bezier(0,0,.5,1)}.card-image-expand[data-astro-cid-iw7dv4iv] .card-image[data-astro-cid-iw7dv4iv] img[data-astro-cid-iw7dv4iv]{object-fit:cover;height:100%}.card-image-expand[data-astro-cid-iw7dv4iv] .card-body[data-astro-cid-iw7dv4iv]{flex-direction:column;flex:auto;min-height:0;display:flex}.card-image-expand[data-astro-cid-iw7dv4iv] .recipe-description-collapse[data-astro-cid-iw7dv4iv]{max-height:1.8rem;transition:max-height .45s cubic-bezier(0,0,.5,1),opacity .28s cubic-bezier(0,0,.5,1),margin .45s cubic-bezier(0,0,.5,1);display:block;overflow:hidden}.card-image-expand[data-astro-cid-iw7dv4iv] .recipe-stats-row[data-astro-cid-iw7dv4iv]{margin-top:auto;padding-top:.45rem}.card-image-expand[data-astro-cid-iw7dv4iv]:hover .card-image[data-astro-cid-iw7dv4iv],.card-image-expand[data-astro-cid-iw7dv4iv]:focus-within .card-image[data-astro-cid-iw7dv4iv]{flex-basis:262.5px;height:262.5px}.card-image-expand[data-astro-cid-iw7dv4iv]:hover .recipe-description-collapse[data-astro-cid-iw7dv4iv],.card-image-expand[data-astro-cid-iw7dv4iv]:focus-within .recipe-description-collapse[data-astro-cid-iw7dv4iv]{opacity:0;max-height:0;margin:0}.card[data-astro-cid-iw7dv4iv] img[data-astro-cid-iw7dv4iv]{border-radius:var(--border-radius-container);width:100%}.card[data-astro-cid-iw7dv4iv] .card-image[data-astro-cid-iw7dv4iv]{position:relative}.card[data-astro-cid-iw7dv4iv] .card-body[data-astro-cid-iw7dv4iv]{flex:auto;padding-top:.8rem;padding-bottom:.8rem}.card-full[data-astro-cid-iw7dv4iv] .card-body[data-astro-cid-iw7dv4iv]{background-color:var(--white);padding:1rem}.card-body[data-astro-cid-iw7dv4iv] p[data-astro-cid-iw7dv4iv]{color:var(--grey-dark)}.recipe-category[data-astro-cid-iw7dv4iv]{border-radius:var(--border-radius-container);background-color:var(--orange-light);width:fit-content;color:var(--black);letter-spacing:0;align-items:center;gap:.3rem;margin-bottom:.5rem;padding:.24rem .34rem;font-size:.52rem;font-weight:700;line-height:1;transition:background-color .2s linear,color .2s linear;display:inline-flex}.card-split-category[data-astro-cid-iw7dv4iv] .card-body[data-astro-cid-iw7dv4iv]{padding-top:1.45rem;position:relative}.recipe-category-floating[data-astro-cid-iw7dv4iv]{z-index:1;margin:0;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.recipe-category-cluster[data-astro-cid-iw7dv4iv]{z-index:1;white-space:nowrap;align-items:center;gap:.35rem;margin:0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.recipe-category-cluster[data-astro-cid-iw7dv4iv] .recipe-category[data-astro-cid-iw7dv4iv]{margin:0}.recipe-category-extra[data-astro-cid-iw7dv4iv]{opacity:0;pointer-events:none;transition:opacity .28s cubic-bezier(0,0,.5,1),transform .28s cubic-bezier(0,0,.5,1)}.recipe-category-left[data-astro-cid-iw7dv4iv]{transform:translate(.45rem)}.recipe-category-right[data-astro-cid-iw7dv4iv]{transform:translate(-.45rem)}.card-category-reveal[data-astro-cid-iw7dv4iv]:hover .recipe-category-extra[data-astro-cid-iw7dv4iv],.card-category-reveal[data-astro-cid-iw7dv4iv]:focus-within .recipe-category-extra[data-astro-cid-iw7dv4iv]{opacity:1;transform:translate(0)}.card-split-favorite[data-astro-cid-iw7dv4iv] .favorite-button-card[data-astro-cid-iw7dv4iv]{z-index:3;background:#d99a7d;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;display:grid;top:0;left:-10px;right:auto;transform:translateY(-50%);box-shadow:0 1px 4px #0000002e}.card-split-favorite[data-astro-cid-iw7dv4iv].card-hover-scale{overflow:visible}.card-split-favorite[data-astro-cid-iw7dv4iv] .favorite-button-card[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv]{width:1.15rem}.card-split-favorite[data-astro-cid-iw7dv4iv] .favorite-button-card[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv] #not_favorited[data-astro-cid-iw7dv4iv]{fill:var(--white);opacity:1}.save-count[data-astro-cid-iw7dv4iv]{color:var(--grey-dark);align-items:center;gap:.35rem;margin-top:.7rem;font-size:.638rem;font-weight:700;line-height:.88rem;display:inline-flex}.save-count[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv]{fill:#da0606;flex:none;width:.748rem;height:auto}.recipe-data[data-astro-cid-iw7dv4iv]{color:var(--grey-dark);align-items:baseline;gap:.25rem;margin-top:.4rem;font-size:.6rem;line-height:.85rem;display:flex}.recipe-data-label[data-astro-cid-iw7dv4iv]{color:var(--black);font-weight:800}.recipe-stats-row[data-astro-cid-iw7dv4iv]{color:var(--grey-dark);align-items:center;gap:.65rem;margin-top:.7rem;font-size:.62rem;font-weight:700;line-height:.85rem;display:flex}.recipe-stat[data-astro-cid-iw7dv4iv]{align-items:center;gap:.25rem;min-width:0;display:inline-flex}.recipe-stat[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:.72rem;height:.72rem}.recipe-stat-saves[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv]{fill:#da0606;stroke:none}.recommended-ribbon[data-astro-cid-iw7dv4iv]{z-index:2;background:var(--green);height:1.35rem;color:var(--white);letter-spacing:.04em;text-transform:uppercase;border-top-left-radius:3px;align-items:center;padding:0 .65rem;font-size:.52rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:0;left:0}.recommended-ribbon[data-astro-cid-iw7dv4iv]:after{content:"";border-top:.42rem solid var(--green-dark);border-right:.42rem solid #0000;width:0;height:0;position:absolute;top:100%;left:0}.favorite-button-card[data-astro-cid-iw7dv4iv]{--easing:cubic-bezier(.7, 0, .3, 1);--duration:.5s;z-index:2;position:absolute;top:22px;right:22px}.favorite-button-card[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv]{transform-origin:50%;width:26px;height:auto;display:block;position:relative}.favorite-button-card[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv] [data-astro-cid-iw7dv4iv]{transform-origin:50%;transition:all .2s}.favorite-button-card[data-astro-cid-iw7dv4iv] .heart[data-astro-cid-iw7dv4iv]{z-index:1;justify-content:center;align-items:center;display:grid;position:relative}.favorite-button-card[data-astro-cid-iw7dv4iv] .heart[data-astro-cid-iw7dv4iv]>[data-astro-cid-iw7dv4iv]{grid-area:1/1;margin:auto}.favorite-button-card[data-astro-cid-iw7dv4iv]:hover svg[data-astro-cid-iw7dv4iv]{animation:heart-bounce var(--duration) var(--easing)}.favorite-button-card[data-astro-cid-iw7dv4iv] svg[data-astro-cid-iw7dv4iv] #favorited[data-astro-cid-iw7dv4iv]{scale:0}.favorite-button-card[data-astro-cid-iw7dv4iv].-favorited svg[data-astro-cid-iw7dv4iv] #favorited[data-astro-cid-iw7dv4iv],.favorite-button-card[data-astro-cid-iw7dv4iv]:hover svg[data-astro-cid-iw7dv4iv] #favorited[data-astro-cid-iw7dv4iv]{scale:1}.favorite-button-card[data-astro-cid-iw7dv4iv].-favorited svg[data-astro-cid-iw7dv4iv] #not_favorited[data-astro-cid-iw7dv4iv],.favorite-button-card[data-astro-cid-iw7dv4iv]:hover svg[data-astro-cid-iw7dv4iv] #not_favorited[data-astro-cid-iw7dv4iv]{opacity:0}.favorite-button-card[data-astro-cid-iw7dv4iv] .particles[data-astro-cid-iw7dv4iv]{width:1px;height:1px;position:relative}.favorite-button-card[data-astro-cid-iw7dv4iv] .particle[data-astro-cid-iw7dv4iv]{--percentage:calc(var(--i) / var(--total-particles));--rotation:calc(var(--percentage) * 1turn);width:.1em;height:.1em;transform:translate(-50%, -50%) rotate(var(--rotation)) translateY(0) scaleY(0);transition:all var(--duration) var(--easing);background-color:#da0606;border-radius:.05em;position:absolute;top:0;left:0}.favorite-button-card[data-astro-cid-iw7dv4iv]:hover .particle[data-astro-cid-iw7dv4iv]{animation:particles-out calc(var(--duration) * 1.2) var(--easing) forwards}.u-margin-bottom-xsmall[data-astro-cid-iw7dv4iv]{margin-bottom:.6rem}.u-overline-basic[data-astro-cid-iw7dv4iv]{font-size:.6rem;line-height:.9rem}.u-line-clamp-2[data-astro-cid-iw7dv4iv]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes heart-bounce{40%{scale:1.18}to{scale:1}}@keyframes particles-out{50%{transform:translate(-50%, -50%) rotate(var(--rotation)) translateY(-1.9em) scaleY(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--rotation)) translateY(-2.5em) scaleY(0)}}@media (width<=760px){.demo-page[data-astro-cid-iw7dv4iv]{padding:24px 16px}.comparison-row[data-astro-cid-iw7dv4iv]{grid-template-columns:1fr;gap:24px;padding:20px}.comparison-row-demo[data-astro-cid-iw7dv4iv],.demo-card-grid[data-astro-cid-iw7dv4iv]{grid-template-columns:1fr}.card-column[data-astro-cid-iw7dv4iv]{width:100%}}