html{background-color:var(--app-background);color-scheme:light dark}body{min-height:100vh;color:var(--app-color);font-family:var(--font-family);overscroll-behavior-y:none}body,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.webflow-section{display:flex;padding:1rem;justify-content:center}.webflow-section rec-recipe-heading{align-self:flex-start}.webflow-section .webflow-recipes{display:flex;flex-direction:column;align-items:center;gap:2em}.webflow-section .webflow-recipes .webflow-recipe-heading-container{display:flex;justify-content:space-between;width:100%;align-items:center}.webflow-section .webflow-recipes .webflow-recipes-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:.75rem}.webflow-section-header{display:flex;gap:.75rem}.rec-title-container{display:flex;flex-direction:column;gap:.2em}.webflow-max-width-container{width:min(100%,80rem)}.rec-icon-container{display:flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;background-color:var(--app-background-2);border-radius:10em}.rec-icon-container mat-icon{font-size:1.4em}.rec-card{background-color:var(--card);box-shadow:var(--card-shadow);border-radius:1em;transition:.25s ease}.rec-card:hover{box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px}.rec-glass{background:hsl(from var(--app-color) h s l/.3);box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.25)}.sweep-glow{position:relative;overflow:hidden}.sweep-glow:before{content:"";position:absolute;z-index:9999;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);transform:skew(-25deg);animation:sweep .75s linear forwards}.sweep-glow.back:before{animation:sweepBack 1.5s linear forwards}@keyframes sweep{to{left:150%}}@keyframes sweepBack{50%{left:125%}to{left:-50%}}.desktop-only{display:none!important}@media screen and (min-width: 999px){.desktop-only{display:initial!important}.mobile-only{display:none!important}}*[recAnimate]{opacity:0}.muted{color:rgb(var(--muted))}.delay-100{animation-delay:.1s!important}.delay-200{animation-delay:.2s!important}.delay-400{animation-delay:.4s!important}.delay-600{animation-delay:.6s!important}.delay-800{animation-delay:.8s!important}.rec-slide-up{animation:slide-up-fade .25s ease both}.award{color:rgb(var(--gold))}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rec-fade-in{animation:fade-in .25s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.rec-pop-in{animation:pop-in .25s ease both}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.heart{color:var(--warn);animation:heartBeat 2s ease infinite}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.2)}65%{transform:scale(1)}}.shimmer{animation:shimmer 6s ease infinite}@keyframes shimmer{0%{opacity:1;scale:1}50%{opacity:0;scale:.75}to{opacity:1;scale:1}}.mat-icon{width:1em!important;height:1em!important;line-height:1!important;font-family:Material Symbols Rounded}html{--mat-sys-background: light-dark(#f9faf3, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);--mat-sys-inverse-primary: light-dark(#02e600, #026e00);--mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #013a00);--mat-sys-on-primary-container: light-dark(#015300, #77ff61);--mat-sys-on-primary-fixed: light-dark(#002200, #002200);--mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);--mat-sys-on-secondary: light-dark(#ffffff, #263422);--mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);--mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);--mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);--mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);--mat-sys-on-tertiary: light-dark(#ffffff, #013a00);--mat-sys-on-tertiary-container: light-dark(#015300, #77ff61);--mat-sys-on-tertiary-fixed: light-dark(#002200, #002200);--mat-sys-on-tertiary-fixed-variant: light-dark(#015300, #015300);--mat-sys-outline: light-dark(#73796e, #8d9387);--mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);--mat-sys-primary: light-dark(#026e00, #02e600);--mat-sys-primary-container: light-dark(#77ff61, #015300);--mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#54634d, #bbcbb2);--mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);--mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);--mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf3, #121410);--mat-sys-surface-bright: light-dark(#f9faf3, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#026e00, #02e600);--mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);--mat-sys-tertiary: light-dark(#026e00, #02e600);--mat-sys-tertiary-container: light-dark(#77ff61, #015300);--mat-sys-tertiary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-tertiary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{color-scheme:light;transition:background-color .2s ease;transition:color .2s ease;--primary: #56be42;--primary-rgb: 86, 190, 66;--secondary: #5a7d5c;--secondary-rgb: 90, 125, 92;--accent: #fad66b;--accent-rgb: 250, 214, 107;--warn: #d9534f;--warn-rgb: 217, 83, 79;--app-background: #fcfaf8;--app-background-2: #f0f3f0;--app-color: #2a2522;--app-color-rgb: 42, 37, 34;--card: #ffffff;--card-rgb: 255, 255, 255;--card-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;--app-ripple: rgba(var(--app-color-rgb), .1);--font-family: "Roboto Slab", serif;--font-family-2: "Roboto", serif;--muted: 230, 224, 223;--muted-foreground: 122, 117, 112;--gold: 255, 206, 47;--border-color: 231, 224, 218;--border: 1px solid rgb(var(--border-color));--infinity: calc(infinity * 1px)}[data-theme=dark]{color-scheme:dark;--primary: #63d14e;--primary-rgb: 99, 209, 78;--secondary: #7ba37d;--secondary-rgb: 123, 163, 125;--accent: #fbe08d;--accent-rgb: 251, 224, 141;--warn: #e66460;--warn-rgb: 230, 100, 96;--app-background: #121110;--app-background-2: #1a1917;--app-color: #f2eeeb;--app-color-rgb: 242, 238, 235;--card: #1e1c1a;--card-rgb: 30, 28, 26;--card-shadow: rgba(0, 0, 0, .4) 0px 8px 24px;--app-ripple: rgba(var(--app-color-rgb), .1);--muted: 42, 37, 34;--muted-foreground: 160, 155, 150;--gold: 255, 215, 80;--border-color: 58, 54, 50;--border: 1px solid rgb(var(--border-color))}input[recInput]{width:100%;height:100%;background-color:transparent;border:none;outline:none;font-size:1rem;font-family:var(--font-family)}button[rec-button],button[recButton]{background-color:transparent;border:none;padding:.75em 1.5em;transition:all .15s;border-radius:.5em;font-size:1rem;font-weight:500;letter-spacing:1px;font-family:var(--font-family-2)}button[rec-button]:hover,button[recButton]:hover{cursor:pointer}button[rec-button][scale]:active,button[recButton][scale]:active{transform:scale(.99)}button[rec-button][dark],button[recButton][dark]{background-color:var(--black);color:var(--light-gray)}button[rec-button][glass],button[recButton][glass]{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 10px #0000001a}button[rec-icon-button],button[recIconButton]{border-radius:calc(infinity * 1px);display:flex;font-size:inherit;padding:.75rem;transition:scale .1s ease}button[rec-icon-button]:hover,button[recIconButton]:hover{cursor:pointer}button[rec-icon-button]:active,button[recIconButton]:active{scale:.95}.filled svg{fill:currentColor}*[google-logo]{background-size:100% 100%;width:10em;height:10em}*[google-logo][small]{width:2em!important;height:2em!important}