:root{--layout-tab-bar-height:calc(var(--controls-height) + var(--space-100));--layout-bottom-clearance:calc(var(--layout-tab-bar-height) + env(safe-area-inset-bottom) + var(--space-300));--layout-bottom-capsule-gap:max(var(--space-150),calc(env(safe-area-inset-bottom) + var(--space-50)));--site-header-height:calc(var(--controls-height) + var(--space-100))}@media (min-width:600px) and (min-height:600px){:root{--layout-screen-inset-x:48px;--layout-library-inset-x:48px;--layout-reading-inset-x:48px;--layout-screen-inset-top:24px;--layout-section-gap:48px;--layout-marketing-inset-x:40px;--layout-marketing-section-gap:104px;--layout-marketing-heading-gap:40px;--layout-marketing-heading-line-gap:20px;--layout-bottom-clearance:var(--space-none);--site-header-height:calc(var(--controls-height) + 2 * var(--space-100))}}@media (min-width:900px) and (min-height:600px){:root{--layout-screen-inset-top:48px;--layout-marketing-inset-x:80px;--layout-marketing-column-gap:32px;--layout-marketing-section-gap:120px;--layout-marketing-heading-gap:48px}}:root{--z-raised:1;--z-shell:10;--z-shell-tab-bar:20;--z-shell-capsule:30;--z-shell-header:35;--z-toast:40;--z-shell-modal:50;--z-overlay:100;--z-popover:110;--z-snack-over-overlay:120;--app-phone-width:260px;--app-phone-height:300px;--app-phone-width-wide:300px;--app-phone-height-wide:340px;--app-qr-tile-width:140px;--app-qr-tile-width-large:180px;--text-display-hero-font-family:var(--font-bitter),serif;--text-display-hero-compact-font-family:var(--font-bitter),serif;--text-display-hero-medium-font-family:var(--font-bitter),serif;--text-display-xl-font-family:var(--font-bitter),serif;--text-display-xl-compact-font-family:var(--font-bitter),serif;--text-display-xl-medium-font-family:var(--font-bitter),serif;--text-display-lg-font-family:var(--font-bitter),serif;--text-display-md-font-family:var(--font-bitter),serif;--text-display-md-compact-font-family:var(--font-bitter),serif;--text-display-sm-font-family:var(--font-bitter),serif;--text-display-xs-font-family:var(--font-bitter),serif;--text-display-xxs-font-family:var(--font-bitter),serif;--text-body-font-family:var(--font-commissioner),sans-serif;--text-body-reading-font-family:var(--font-commissioner),sans-serif;--text-body-strong-font-family:var(--font-commissioner),sans-serif;--text-detail-font-family:var(--font-commissioner),sans-serif;--text-detail-strong-font-family:var(--font-commissioner),sans-serif;--text-heading-md-font-family:var(--font-commissioner),sans-serif;--text-heading-sm-font-family:var(--font-commissioner),sans-serif;--text-label-font-family:var(--font-commissioner),sans-serif;--text-note-font-family:var(--font-commissioner),sans-serif;--text-overline-font-family:var(--font-commissioner),sans-serif;--text-subheader-font-family:var(--font-commissioner),sans-serif}*{box-sizing:border-box}:focus-visible{outline:var(--focus-ring-thickness) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}h1[tabindex="-1"]:focus,main[tabindex="-1"]:focus{outline:none}[data-squircle]:focus-visible{-webkit-clip-path:none!important;clip-path:none!important}body,html{margin:0;padding:0;font-family:var(--text-body-font-family);color:var(--color-text-primary);background-color:var(--color-background-primary)}body{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-new(root),::view-transition-old(root){animation-duration:var(--duration-normal);animation-timing-function:var(--easing-bezier-standard)}::view-transition-group(recipe-link),::view-transition-new(recipe-link),::view-transition-old(recipe-link){animation-duration:var(--duration-slow);animation-timing-function:var(--easing-bezier-standard)}::view-transition-group(recipe-hero),::view-transition-new(recipe-hero){animation:none}::view-transition-old(status-pill){animation:view-transition-fade-out var(--duration-fast) var(--easing-bezier-exit) both}@keyframes view-transition-fade-out{to{opacity:0}}@media print{html:has([data-print-recipe],[data-print-grocery]){color-scheme:light;--color-background-primary:Canvas;--color-surface-primary:Canvas;--color-text-primary:CanvasText;--color-text-secondary:CanvasText;--color-text-tertiary:CanvasText;--color-border-primary:GrayText;--color-border-secondary:GrayText}html:has([data-print-recipe],[data-print-grocery]) [data-print=hide]{display:none!important}main:has([data-print-recipe],[data-print-grocery]){padding-bottom:0}}