:root{--icon-size: 40px;--header-logo: 34px;--header-logo-mobile: 30px;--transition: all .15s cubic-bezier(.86, .52, .31, .9);--cubic-transition: all .3s cubic-bezier(.345, .115, .135, 1.42);--cubic-transform: transform .3s cubic-bezier(.25, .1, .25, 1);--font-family-heading: "Assistant", sans-serif;--font-family-body: "Assistant", sans-serif;--line-height-base: 1.5;--font-size-base: 16px;--font-size-xxs: .7rem;--font-size-xs: .8rem;--font-size-sm: .9rem;--font-size-md: 1.1rem;--font-size-rg: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xl2: 1.75rem;--font-size-xxl: 2.1rem;--font-size-xxxl: 2.3rem;--font-size-xxxxl: 2.7rem;--font-size-xxxxxl: 3rem;--footer-heading-margin-bottom: 10px;--footer-links-color: #333;--footer-links-text-decoration: none;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--spacing-xxxs: .275rem;--spacing-xxs: .475rem;--spacing-xs: .675rem;--spacing-sm: .875rem;--spacing-md: 1rem;--spacing-md2: 1.275rem;--spacing-md3: 1.5rem;--spacing-lg: 1.75rem;--spacing-lg2: 2.25rem;--spacing-xl: 2.75rem;--spacing-xxl: 3.75rem;--spacing-xxxl: 4.75rem;--skeleton-width-sm: 120px;--skeleton-width-md: 200px;--skeleton-width-md2: 260px;--skeleton-width-lg: 330px;--footer-padding: 20px;--footer-section-flex: 1 0 33%;--footer-links-margin-bottom: 5px;--footer-bottom-margin-top: 20px;--popup-radius: 1rem;--border-radius: 11px;--border-width: 1px;--breakpoint-sm: 552px;--breakpoint-md: 768px;--breakpoint-lg: 904px}@media (max-width: 768px){:root{--menu-icon-size: 28px !important}}.light{--dynamic-logo: rgba(0, 0, 0, .9);--primary-color: #ff5240;--medium-primary-color: #ee8b77;--light-medium-primary-color: #fff3ef;--light-primary-color: #fff3ef;--dark-secondary-color: #0058b1;--secondary-color: #0071e3;--light-secondary-color: #64a3e2;--lightest-secondary-color: #f0f5f9;--info-color: #f6c71c68;--success-color: #28a745;--error-color: #e00732;--error-bg: #fff5f5;--dark-mode-contrast: white;--dark-mode-contrast-200: white;--white-color: white;--contrast-color: white;--inverted-contrast-color: black;--header-color: black;--pd-btn-active: #333;--active-color: black;--hover-bg: rgba(0, 0, 0, .05);--subtext-color: #666;--secondary-text-color: #393939;--text-color: #333;--background-color: white;--site-background-color: white;--close-button-opaque: #e1e1e1;--opaque-bg: rgba(255, 255, 255, .85);--light-overlay-bg: rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .6);--button-bg: rgba(0, 0, 0, .8);--light-gray-dark-bias: #0e0e0e16;--medium-gray-dark-bias: #0e0e0e28;--lightester-gray: #0e0e0e05;--lightest-gray: #0e0e0e07;--lighter-gray: #0e0e0e0d;--light-gray: #0e0e0e16;--medium-gray: #0e0e0e28;--dark-medium-gray: #0e0e0e3e;--darker-medium-gray: #454d54;--dark-gray: #0e0e0ea0;--darker-gray: #0e0e0ec8;--darkest-gray: #0e0e0eca;--darkester-gray: #0e0e0ee5;--gray-hover: rgba(0, 0, 0, .88);--nt-lightester-gray: #fafafa;--nt-lightest-gray: #f8f8f8;--nt-lighter-gray: #f3f3f3;--nt-light-gray: #eaeaea;--nt-medium-gray: #d9d9d9;--nt-dark-medium-gray: #c4c4c4;--nt-darker-medium-gray: #a4a4a4;--nt-dark-gray: #686868;--nt-darker-gray: #424242;--nt-darkest-gray: #404040;--nt-darkester-gray: #272727;--nt-gray-hover: #2b2b2b;--footer-background-color: #f5f5f5;--footer-heading-color: #333;--form-control-color: black;--form-control-medium: #ffffff;--form-control-medium-border: #929292;--box-shadow-color: rgba(149, 157, 165, .2);--sortable-item: #f8f8f8;--menu-hover-color-300: #0000000b;--menu-hover-color-400: #0000000b;--menu-hover-color-500: #00000016;--placeholder-color-200: #ffffff;--placeholder-color-300: #d6d6d6;--placeholder-color-400: #b4b4b4;--border-color: #d9dade;--search-bar-color-200: #f5f5f5;--search-bar-color: #dfdfdf;--lightest-fancy-toggle: #0e0e0e0b;--light-fancy-toggle: #0e0e0e08;--timer-bg: #333;--timer-border: #333;--timer-hover: #444;--timer-text: white;--timer-text-hover: #ebebeb;--mac-background: white;--mac-card-background: white;--skeleton-base: #ebebeb;--skeleton-highlight: #f5f5f5;--block-bg: #f3f3f3;--block-psuedo-bg: rgba(0, 0, 0, .05);--box-shadow-regular: rgba(0, 0, 0, .2);--box-shadow-light: rgba(0, 0, 0, .15);--box-shadow: rgba(0, 0, 0, .05) 0px 4px 12px}.dark{--dynamic-logo: rgba(255, 255, 255, .9);--primary-color: #ff5240;--medium-primary-color: #f0a69e;--light-medium-primary-color: #280c08;--light-primary-color: #1d0906;--dark-secondary-color: #61b0ff;--secondary-color: #5ba2ea;--light-secondary-color: #77b0ea;--info-color: #f4c51940;--lightest-secondary-color: #131923;--success-color: #7bc68d;--error-color: #f38097;--error-bg: #fff5f5;--dark-mode-contrast: #1c1c1e;--dark-mode-contrast-200: #333336;--white-color: white;--contrast-color: #141415;--inverted-contrast-color: white;--header-color: white;--pd-btn-active: #cdcdcd;--active-color: white;--hover-bg: rgba(255, 255, 255, .05);--subtext-color: #a7a7a7;--secondary-text-color: #b7b7b7;--text-color: #d5d5d5;--background-color: black;--site-background-color: black;--close-button-opaque: #444;--opaque-bg: rgba(0, 0, 0, .5);--light-overlay-bg: rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .7);--button-bg: rgba(76, 76, 76, .8);--light-gray-dark-bias: #ffffff2d;--medium-gray-dark-bias: #ffffff4e;--lightester-gray: #ffffff0c;--lightest-gray: #ffffff0f;--lighter-gray: #ffffff16;--light-gray: #ffffff20;--medium-gray: #ffffff37;--dark-medium-gray: #ffffff68;--darker-medium-gray: #abb3ba;--dark-gray: #ffffffa0;--darker-gray: #ffffffbc;--darkest-gray: #ffffffca;--darkester-gray: #ffffffe7;--gray-hover: rgba(255, 255, 255, .88);--nt-lightester-gray: #1a1a1a;--nt-lightest-gray: #252525;--nt-lighter-gray: #292929;--nt-light-gray: #343434;--nt-medium-gray: #3f3f3f;--nt-dark-medium-gray: #686868;--nt-darker-medium-gray: #858585;--nt-dark-gray: #a0a0a0;--nt-darker-gray: #bcbcbc;--nt-darkest-gray: #cacaca;--nt-darkester-gray: #e7e7e7;--nt-gray-hover: #e0e0e0;--footer-background-color: #f5f5f5;--footer-heading-color: #333;--form-control-color: rgb(255, 255, 255);--form-control-medium: #333336;--form-control-medium-border: #707070;--box-shadow-color: rgba(0, 0, 0, .6);--sortable-item: #1c1c1e;--menu-hover-color-300: #ffffff13;--menu-hover-color-400: #ffffff1e;--menu-hover-color-500: #ffffff30;--placeholder-color-200: #4b4b4b;--placeholder-color-300: #242424;--placeholder-color-400: #121212;--border-color: #444;--search-bar-color-200: #1c1c1e;--search-bar-color: rgb(27, 27, 27);--lightest-fancy-toggle: #ffffff0f;--light-fancy-toggle: #ffffff16;--timer-bg: #1e0400;--timer-border: #400900;--timer-hover: #510b00;--timer-text: white;--timer-text-hover: white;--mac-background: #121212;--mac-card-background: #ffffff0f;--skeleton-base: #141414;--skeleton-highlight: #0a0a0a;--block-bg: #141414;--block-psuedo-bg: rgba(0, 0, 0, .4);--box-shadow-regular: rgba(255, 255, 255, .2);--box-shadow-light: rgba(255, 255, 255, .15);--box-shadow: rgba(0, 0, 0, .05) 0px 4px 12px}.loading,.loading *{pointer-events:none!important}.site-wrapper{overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;align-items:center;min-height:100%;background-color:var(--site-background-color)}.header,.main,.footer{max-width:1300px;width:100%}.main{flex:1;padding-top:4.5rem}.cookbook-wrapper,.account-wrapper{height:100%}@media (min-width: 904px){.main{padding:4rem 2rem 0 1.075rem}}@media (max-width: 904px){.main{padding:4rem 1rem 0}}@media (max-width: 768px){.main{padding:3.5rem 1.5rem 0}}*{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:var(--font-family-body);color:var(--text-color)}.prevent-select,.noselect{-webkit-user-select:none;-ms-user-select:none;user-select:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.logomark svg{height:var(--header-logo);width:auto}.logomark path{fill:var(--header-color)}@media (max-width: 768px){.logomark svg{height:var(--header-logo-mobile)}}.dynamic-logomark{padding:.5rem}.dynamic-logomark svg{width:auto;height:3rem}@media (min-width: 901px){.dynamic-logomark{position:absolute;top:3rem;left:3rem}.dynamic-logomark path{fill:#ffffffe6}}@media (max-width: 900px){.dynamic-logomark path{fill:var(--dynamic-logo)}.dynamic-logomark svg{width:auto;height:var(--header-logo-mobile)}.dynamic-logomark{display:block;margin-bottom:3.75rem}}@media (max-width: 768px){.dynamic-logomark{margin-bottom:var(--spacing-lg)}}:root{--headerAnimation: headerIn .3s ease forwards;--headerAnimationDelay: .15s;--headerAnimationStartOpacity: 0;--layoutAnimation: layoutIn .3s ease forwards}.navbar>*>*{animation:var(--headerAnimation);animation-delay:var(--headerAnimationDelay);opacity:var(--headerAnimationStartOpacity)}.menu-wrapper,.fab-container,.MAC-FAB{animation:var(--layoutAnimation);animation-delay:var(--headerAnimationDelay);filter:opacity(0)}@keyframes headerIn{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes layoutIn{0%{translate:0 5px;filter:opacity(1)}to{translate:0 0;filter:opacity(1)}}.horizontal-ruler{content:"";width:100%;height:1px;background-color:var(--light-gray);position:relative}.mt-10{margin-top:var(--spacing-xxxl)}.mt-9{margin-top:var(--spacing-xxl)}.mt-8{margin-top:var(--spacing-xl)}.mt-7{margin-top:var(--spacing-lg2)}.mt-6{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-xxs)}.mt-1{margin-top:var(--spacing-xxxs)}.mb-10{margin-bottom:var(--spacing-xxxl)}.mb-9{margin-bottom:var(--spacing-xxl)}.mb-8{margin-bottom:var(--spacing-xl)}.mb-7{margin-bottom:var(--spacing-lg2)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-xxs)}.mb-1{margin-bottom:var(--spacing-xxxs)}.mr-10{margin-right:var(--spacing-xxxl)}.mr-9{margin-right:var(--spacing-xxl)}.mr-8{margin-right:var(--spacing-xl)}.mr-7{margin-right:var(--spacing-lg2)}.mr-6{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-xxs)}.mr-1{margin-right:var(--spacing-xxxs)}.ml-10{margin-left:var(--spacing-xxxl)}.ml-9{margin-left:var(--spacing-xxl)}.ml-8{margin-left:var(--spacing-xl)}.ml-7{margin-left:var(--spacing-lg2)}.ml-6{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-xxs)}.ml-1{margin-left:var(--spacing-xxxs)}.pt-10{padding-top:var(--spacing-xxxl)}.pt-9{padding-top:var(--spacing-xxl)}.pt-8{padding-top:var(--spacing-xl)}.pt-7{padding-top:var(--spacing-lg2)}.pt-6{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-xxs)}.pt-1{padding-top:var(--spacing-xxxs)}.pb-10{padding-bottom:var(--spacing-xxxl)}.pb-9{padding-bottom:var(--spacing-xxl)}.pb-8{padding-bottom:var(--spacing-xl)}.pb-7{padding-bottom:var(--spacing-lg2)}.pb-6{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-xxs)}.pb-1{padding-bottom:var(--spacing-xxxs)}.pr-10{padding-right:var(--spacing-xxxl)}.pr-9{padding-right:var(--spacing-xxl)}.pr-8{padding-right:var(--spacing-xl)}.pr-7{padding-right:var(--spacing-lg2)}.pr-6{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-xxs)}.pr-1{padding-right:var(--spacing-xxxs)}.pl-10{padding-left:var(--spacing-xxxl)}.pl-9{padding-left:var(--spacing-xxl)}.pl-8{padding-left:var(--spacing-xl)}.pl-7{padding-left:var(--spacing-lg2)}.pl-6{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-xxs)}.pl-1{padding-left:var(--spacing-xxxs)}.my-masonry-grid{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-3rem;width:auto}.my-masonry-grid_column{padding-left:3rem;background-clip:padding-box}@media (max-width: 1100px){.my-masonry-grid{margin-left:-1rem}.my-masonry-grid_column{padding-left:1rem}}.my-masonry-grid_column>div{margin-bottom:var(--spacing-lg)}.ingredient-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm)}.enh-ing-grid{margin-top:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:.675rem}.enh-ing-grid .grid-item{position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:1rem;padding:.4rem .675rem;opacity:.875;height:fit-content;transition:opacity .18s ease}.enh-ing-grid .grid-item:after{content:"";position:absolute;left:0;top:0;z-index:-1;height:100%;width:100%;transition:transform .17s cubic-bezier(.345,.115,.135,1.42),background-color .15s ease-out,box-shadow .2s ease-out;transform:scale(1);border-radius:inherit;background-color:var(--lightest-secondary-color)}.enh-ing-grid .grid-item:hover:after{transform:scale(1.03);outline:2px solid var(--dark-gray)}.enh-ing-grid .grid-item>div{line-height:1rem}.grid-item--header{display:flex;gap:.375rem}.enh-ing-grid .grid-item .ingredient-name:first-letter{text-transform:uppercase}.enh-ing-grid .grid-item .ingredient-name{color:var(--header-color)}.enh-ing-grid .grid-item .quantity-unit,.enh-ing-grid .grid-item .grid-descriptor{color:var(--dark-gray)}.enh-ing-grid .grid-item:hover{opacity:1}.step-row{display:flex;gap:.5rem}.step-row>div:first-child{flex:62.5}.step-row>div{flex:37.5}.step-header{display:block}.step-header,.ingredient-header{font-size:var(--font-size-lg);font-weight:700;color:var(--header-color);margin-bottom:var(--spacing-sm)}ol .step-header{margin-bottom:calc(var(--spacing-md) * -1)}.ingredient-header.secondary-button{cursor:pointer;justify-content:space-between;width:100%}.ingredient-header.secondary-button:after{transform:scale(1)}.ingredient-header.secondary-button:hover:after{transform:scale(1.1275,1.3)}.ingredient-header.secondary-button:active:after{transform:scale(1.0975,1.27)}@media (max-width: 1100px){.ingredient-header.secondary-button:after{transform:scale(.7)}.ingredient-header.secondary-button:hover:after{transform:scale(1.09,1.2)}.ingredient-header.secondary-button:active:after{transform:scale(1.08,1.19)}}.step-ingredient-grid{margin-top:var(--spacing-xxs)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family-heading);font-weight:700;line-height:1.1;color:var(--header-color)}h1{font-size:var(--font-size-xxl);line-height:1.1}.bold{font-weight:700}.form-group{display:flex;flex-direction:column;position:relative;max-width:100%}.form-group:not(:last-of-type){margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-top:var(--spacing-lg)}@media (max-width: 768px){.form-group{margin-bottom:var(--spacing-sm)}}@media (max-width: 768px){.checkbox-group,.label-group{margin-bottom:.5rem}}.form-input-group{display:flex;gap:.75rem;align-items:center}.form-multi-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-mt-sm{margin-top:var(--spacing-sm)}.form-mt-md{margin-top:var(--spacing-md)}.form-mt-lg{margin-top:var(--spacing-lg)}.form-mt-xl{margin-top:var(--spacing-xl)}.form-row{display:flex;align-items:center;flex-direction:row!important;gap:var(--spacing-xs)}.form-row.space-between{justify-content:space-between}.form-row.center{justify-content:center}.form-row.space-between>*:not(button){flex:1}.form-divider{text-align:center;text-transform:uppercase;font-weight:500;font-size:.875rem;margin-block:var(--spacing-lg)}.form-mb-xs{margin-bottom:var(--spacing-xs)}.form-mb-sm{margin-bottom:var(--spacing-sm)}.form-mb-md{margin-bottom:var(--spacing-md)}.form-mb-lg{margin-bottom:var(--spacing-lg)}.label-title{font-size:var(--font-size-lg);color:var(--header-color);font-weight:600}.label-description{font-size:var(--font-size-md);font-weight:400;color:var(--darker-gray);margin-bottom:var(--spacing-xs)}.label-bottom{margin-bottom:0;margin-top:6px}.form-required{position:absolute;color:var(--error-color);top:-8px;padding-left:2px;height:0;font-size:1.875rem}.label-sm{margin-bottom:var(--spacing-sm)}.form-input{--form-input-width: 1px;--form-input-width-hover: 2px;--form-input-width-focus: 3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;flex:1;min-height:45px;height:45px;background-color:var(--dark-mode-contrast-200);padding:var(--spacing-xs) var(--spacing-sm);border:0px;outline:0px;box-shadow:inset 0 0 0 var(--form-input-width) var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-weight:400;transition:box-shadow .1s ease-in-out 0s,color .1s ease-in-out 0s}.form-input.darker{background-color:var(--form-control-medium);box-shadow:inset 0 0 0 var(--form-input-width) var(--form-control-medium-border)}.form-input.bold{font-weight:500}.form-input:hover:not(:focus){box-shadow:inset 0 0 0 var(--form-input-width-hover) var(--border-color)}.form-input:focus,.form-input:focus-within,.form-input:focus-visible{outline:0px;box-shadow:inset 0 0 0 var(--form-input-width-focus) var(--secondary-color)}.form-input.loading{pointer-events:none;background:linear-gradient(to right,var(--placeholder-color-200) 0%,var(--placeholder-color-300) 50%,var(--placeholder-color-200) 100%);background-size:200% auto;animation:loadingInput 2s linear infinite}@keyframes loadingInput{0%{background-position:-100% 0}to{background-position:100% 0}}.form-input.loading:not(.showLoadingText){color:transparent!important}.form-input-full,.form-input-fill{width:100%}.form-textarea{position:relative}.form-textarea.overshoot{margin-bottom:-6px}.form-textarea textarea{width:100%}.error,.darker.error{box-shadow:inset 0 0 0 var(--form-input-width) var(--error-color)}.error:hover:not(:focus),.darker.error:hover:not(:focus){box-shadow:inset 0 0 0 var(--form-input-width-hover) var(--error-color)}.error:focus,.error:focus-within,.error:focus-visible,.darker.error:focus,.darker.error:focus-within,.darker.error:focus-visible{box-shadow:inset 0 0 0 var(--form-input-width-focus) var(--error-color)}.valid{box-shadow:inset 0 0 0 var(--form-input-width) var(--success-color)}.valid:hover:not(:focus),.darker.valid:hover:not(:focus){box-shadow:inset 0 0 0 var(--form-input-width-hover) var(--success-color)}.valid:focus,.valid:focus-within,.valid:focus-visible,.darker.valid:focus,.darker.valid:focus-within,.darker.valid:focus-visible{box-shadow:inset 0 0 0 var(--form-input-width-focus) var(--success-color)}form.sm .form-group{margin-bottom:var(--spacing-md2)}form.sm .form-divider,form.sm~.form-divider{margin-block:var(--spacing-md2)}.form-control.disabled,.form-control.disabled *{pointer-events:none;opacity:.5}.form-control{font-size:1rem;line-height:1.1;display:grid;grid-template-columns:1em auto;gap:.75em;cursor:pointer}.form-control+.form-control{margin-top:var(--radio-size)}:root{--radio-size: 20px}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--dark-mode-contrast);margin:0;cursor:pointer}input[type=radio]{font:inherit;color:currentColor;width:var(--radio-size);height:var(--radio-size);border:2px solid currentColor;border-radius:50%;transform:translateY(-.175em);display:grid;place-content:center}input[type=radio]:before{content:"";width:calc(var(--radio-size) / 2);height:calc(var(--radio-size) / 2);border-radius:50%;transform:scale(0);transition:.16s transform ease-in-out;box-shadow:inset calc(var(--radio-size)) calc(var(--radio-size)) var(--form-control-color);background-color:CanvasText}input[type=radio]:checked:before{transform:scale(1)}select{cursor:pointer;position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-md2);background-color:transparent;border:none;outline:none;border-radius:99px;color:var(--header-color)}select option{background-color:var(--nt-lightester-gray)}select:focus{outline:3px solid var(--nt-dark-gray)}.custom-select{position:relative}.custom-select:before,.custom-select:after{content:"";position:absolute;transition:transform .17s cubic-bezier(.345,.115,.135,1.42),background-color .15s ease-out,box-shadow .2s ease-out}.custom-select:before{top:0;left:0;width:100%;height:100%;border-radius:99px;background-color:var(--nt-lighter-gray);transform:scale(1)}.custom-select:hover:before{transform:scale(1.005);background-color:var(--nt-light-gray)}.custom-select:active:before{transform:scale(1)}.custom-select:after{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpolygon fill%3D%22%23222222%22 points%3D%2216.5 10 12 16 7.5 10 16.5 10%22%2F%3E%3C%2Fsvg%3E");width:24px;height:24px;pointer-events:none;right:1rem;top:50%;transform:translateY(-50%)}.dark .custom-select:after{filter:invert()}textarea{display:flex}:root{--check-radius: 6px;--checkbox-size: 24px}input[type=checkbox].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--dark-mode-contrast);margin:0;cursor:pointer}input[type=checkbox].form-control{font:inherit;color:currentColor;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid currentColor;border-radius:var(--check-radius);transform:translateY(0);display:grid;place-content:center}input[type=checkbox].form-control:before{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;border-radius:calc(var(--check-radius) * 1);transform:scale(.7);opacity:0;transition:.18s transform ease,opacity .12s ease;background-size:cover}.dark input[type=checkbox].form-control:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="black"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>')}.light input[type=checkbox].form-control:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>')}input[type=checkbox].form-control:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transition:box-shadow .1s ease;box-shadow:inset calc(var(--checkbox-size)) calc(var(--checkbox-size)) transparent}input[type=checkbox].form-control:checked:after{box-shadow:inset calc(var(--checkbox-size)) calc(var(--checkbox-size)) currentColor}input[type=checkbox].form-control:checked:before{transform:scale(1);opacity:1}:root{--button-radius: 99px;--button-loading-color: black;--button-scale: 1;--button-bg-pseudo-h: #;--button-bg-pseudo-a: #;--button-scale-psuedo: .7;--button-scale-psuedo-h: 1.1;--button-scale-psuedo-a: 1.07}button,.btn{position:relative;background-color:transparent;flex-shrink:0;padding:0;border:none;font-size:var(--font-size-rg);font-weight:500;font-family:inherit;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none}.btn:hover{color:inherit}button.disabled{opacity:.5;pointer-events:none!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}button.disabled:hover{opacity:.5;pointer-events:none!important}button.isLoading,button.isLoading span{transition:0ms;color:transparent;outline-color:var(--button-loading-color);background-color:var(--button-loading-color)}.btn-p-4xl{padding:.575rem 7rem}.btn-p-3xl{padding:.575rem 6rem}.btn-p-2xl{padding:.575rem 5rem}.btn-p-xl{padding:.575rem 4rem}.btn-p-lg{padding:.575rem 3rem}.btn-p-md{padding:.575rem 1.75rem}.btn-p-sm{padding:.575rem 1.5rem}.btn-p-xs{padding:.5rem 1.175rem}.btn-p-2xs,.btn-p-xxs{padding:.15rem .575rem}.btn-p-none{padding:0}.btn-icon.btn-p-4xl{padding-block:.575rem;padding-inline:7rem}.btn-icon.btn-p-3xl{padding-block:.575rem;padding-inline:6rem}.btn-icon.btn-p-2xl{padding-block:.575rem;padding-inline:5rem}.btn-icon.btn-p-xl{padding-block:.575rem;padding-inline:4rem}.btn-icon.btn-p-lg{padding-block:.575rem;padding-inline:3rem}.btn-icon.btn-p-md{padding-block:.575rem;padding-inline:1.75rem}.btn-icon.btn-p-sm{padding-block:.575rem;padding-inline:1.5rem}.btn-icon.btn-p-xs{padding-block:.575rem;padding-inline:.975rem 1rem}.btn-icon.btn-p-2xs{padding-block:.15rem;padding-inline:.575rem}.btn-psuedo-p-sm:after{padding:1rem}.btn-xl{height:56px;font-weight:600;font-size:1.1rem}.btn-lg{height:52px;font-weight:600;font-size:1.1rem}.btn-md{height:48px;font-weight:600}.btn-sm-2,.btn-sm2{height:45px;font-weight:500}.btn-sm{height:43px;font-weight:500}.btn-xs{height:36px;font-weight:400}.btn-xxs{height:24px;font-weight:400}.btn-fit{width:fit-content}.btn-fill,.btn-full{width:100%}.btn-psuedo{display:flex;justify-content:center;align-items:center;isolation:isolate}.btn-psuedo:after{content:"";display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:inherit;transform:scale(1);transition:transform .17s cubic-bezier(.345,.115,.135,1.42),background-color .15s ease-out,box-shadow .2s ease-out}.btn-psuedo:hover:after{transform:scale(1.01)}.btn-psuedo:active:after{transform:scale(.98)}.btn-borderless{outline:none!important}.btn-gray{transition:border-color .25s ease;outline:1px solid var(--nt-dark-medium-gray);outline-offset:-1px;color:var(--text-color)}.btn-gray *{color:var(--text-color)}.btn-gray:hover{outline:initial}.btn-gray:after{background-color:transparent}.btn-gray:hover:after{background-color:var(--light-gray)}.btn-gray:active:after{background-color:var(--medium-gray)}.btn-primary{transition:border-color .25s ease;color:#fff}.btn-primary *{color:#fff}.btn-primary:after{background-color:var(--primary-color)}.btn-primary:hover:after{opacity:.95}.btn-primary:active:after{opacity:1}.btn-color-primary svg,.btn-color-primary span{stroke:var(--primary-color);color:var(--primary-color)}.btn-color-primary:hover:after{background-color:var(--light-medium-primary-color)}.btn-color-secondary svg,.btn-color-secondary span{stroke:var(--dark-secondary-color);color:var(--dark-secondary-color)}.btn-primary.btn-color-secondary:after{background-color:var(--lightest-secondary-color)}.btn-color-secondary:hover:after{background-color:var(--lightest-secondary-color)}.btn-circle-sm{padding-inline:.719rem}.btn-round-sm{border-radius:4px}.btn-round-md{border-radius:var(--border-radius)}.btn-round-lg{border-radius:99px}.btn-icon span{display:flex;align-items:center;gap:var(--spacing-xs)}.action-button{position:relative;isolation:isolate;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border-radius:99px;width:calc(var(--icon-size) * .825);height:calc(var(--icon-size) * .825);color:#fff}.action-button:after{content:"";position:absolute;z-index:-1;height:100%;width:100%;top:0;left:0;transition:transform .18s cubic-bezier(.345,.115,.135,1.42),background-color .15s ease-out;transform:scale(1.05);border-radius:inherit;background-color:var(--button-bg)}.action-button:hover:after{background-color:#6d6d6d;transform:scale(1.1)}.action-button:active:after{background-color:#525252;transform:scale(1.05)}.primary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--button-radius);padding-inline:1.475rem;background-color:var(--primary-color);color:#fff;transform:var(--button-scale);transition:transform .25s ease}.primary-button span{color:inherit}.primary-button:hover{background-color:var(--primary-color);opacity:.9;color:#fff}.primary-button:active{transform:scale(.99)}.secondary-button{display:flex;align-items:center;justify-content:center;height:inherit;width:fit-content;position:relative;color:var(--header-color);z-index:0;transition:transform .2s ease;transform:var(--button-scale)}.secondary-button:after{content:"";display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transform:scale(var(--button-scale-psuedo));transition:transform .17s cubic-bezier(.345,.115,.135,1.42),background-color .15s ease-out,box-shadow .2s ease-out;border-radius:99px;background-color:transparent}.secondary-button:hover{color:var(--header-color)}.secondary-button:hover:after{transform:scale(var(--button-scale-psuedo-h));background-color:var(--light-gray)}.secondary-button:active:after{transform:scale(var(--button-scale-psuedo-a));background-color:var(--medium-gray)}.label-button.secondary-button{white-space:nowrap;display:flex;flex-shrink:0;gap:.5rem;padding-block:var(--spacing-xxxs);padding-inline:var(--spacing-xxs) var(--spacing-xs)}.label-button.secondary-button:after{transform:translate(-50%,-50%) scale(calc(var(--button-scale-psuedo-h) * 1));background-color:var(--light-gray)}.label-button.secondary-button:hover:after{transform:translate(-50%,-50%) scale(calc(var(--button-scale-psuedo-h) * 1.03));background-color:var(--light-gray)}.label-button.secondary-button:active:after{transform:translate(-50%,-50%) scale(calc(var(--button-scale-psuedo-h) * 1));background-color:var(--light-gray)}.outline-button{position:relative;padding:.375rem 0;outline:1px solid rgb(149,149,149);padding-inline:1.275rem;border-radius:99px;transition:.15s ease}.link-button{padding:.475rem .875rem}.link-button:after,.icon-button:after{top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--button-scale-psuedo))}.link-button:hover:after,.icon-button:hover:after{top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--button-scale-psuedo-h))}.link-button:active:after,.icon-button:active:after{top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--button-scale-psuedo-a))}.icon-button:after{padding:1.15rem}.icon-button.md:after{padding:1rem 1.3rem}.icon-button.lg:after{padding:1.4rem}.cta-button{width:80%;font-size:1.25rem;background-color:var(--primary-color);color:#fff;font-weight:700;padding:.875rem 1rem}.navbar-button{border:none;border-radius:99px;padding:.575rem 1.175rem;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:var(--transition),height 0s}.no-style{border-radius:0;border:none;padding:0;font-size:inherit;font-weight:inherit;background-color:transparent;transition:none}.add-recipe-btn{display:flex;gap:.5rem;width:100%;padding:0}ul,ol{list-style-type:none;margin:0;padding:0}a{cursor:pointer;font-weight:400;color:#ff6464;text-decoration:inherit}a:hover{color:#ff9494}.link{transition:.15s ease}.link{color:#6b6b6b}.link:hover,.link:hover *{color:var(--header-color);stroke:var(--header-color)}.link a{display:flex;justify-content:space-between;align-items:center}.link,.link span{font-size:var(--font-size-md);font-weight:400}.modal{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-color:var(--contrast-color);border-radius:var(--border-radius);z-index:10000;box-shadow:#00000059 0 5px 15px}@media (min-width: 768px){.modal{overflow:hidden;display:flex;flex-direction:column;width:100%;height:100%;max-width:640px;max-height:1050px}}@media (max-width: 768px){.modal{overflow:auto;border-radius:0;height:100%;width:100%}}.modal>form>*{padding-inline:var(--spacing-lg);flex-grow:1;display:flex;flex-direction:column}.modal-header{padding-block:.875rem}@media (max-width: 768px){.modal-header{padding-block:.775rem}}.modal-header-wrapper{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--spacing-lg)}.modal-header-wrapper>*{display:flex}@media (max-width: 768px){.modal-title>*{max-width:280px}}.modal-confirmation-wrapper{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;height:100%}.modal-confirmation{margin-top:-6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem;max-width:480px}.modal-confirmation img{max-width:480px}.modal-confirmation button{width:50%}@media (max-width: 768px){.modal-confirmation,.modal-confirmation img{max-width:90%;margin-top:-1.5rem}.modal-confirmation h1{font-size:1.75rem}}.modal .form-group:last-child{margin-top:auto}svg{stroke-width:1.5px}.icon-white{color:var(--white-color);stroke:var(--white-color);fill:var(--white-color)}.icon-xxs{width:16px;height:16px}.icon-xs{stroke-width:2px;width:18px;height:18px}.icon-sm{width:20px;height:20px}.icon-md{width:24px;height:24px}.icon-lg{width:26px;height:26px}.icon-xl{stroke-width:1px;width:32px;height:32px}.icon-2xl{stroke-width:1px;width:38px;height:38px}.icon-3xl{stroke-width:1px;width:42px;height:42px}.icon-4xl{stroke-width:1px;width:60px;height:60px}.icon-5xl{stroke-width:1px;width:80px;height:80px}.icon-6xl{stroke-width:1px;width:100px;height:100px}:root{--cubic-after: transform .17s cubic-bezier(.345, .115, .135, 1.42), background-color .15s ease-out, box-shadow .2s ease-out}:root{--rf-t-opacity: opacity .15s ease;--rf-a-opacity-h: 0;--rf-a-opacity-f: 1;--rf-t-transform: transform .2s cubic-bezier(.4, 0, .2, 1);--rf-a-transform-base: translate(-50%, -50%);--rf-a-transform: translate(-50%, -45%)}.rf-t-enter{opacity:var(--rf-a-opacity-h);transform:var(--rf-a-transform)}.rf-t-enter-active{opacity:var(--rf-a-opacity-f);transform:var(--rf-a-transform-base);transition:var(--rf-t-opacity),var(--rf-t-transform)}.rf-t-exit{opacity:var(--rf-a-opacity-f);transform:var(--rf-a-transform-base)}.rf-t-exit-active{opacity:var(--rf-a-opacity-h);transform:var(--rf-a-transform);transition:var(--rf-t-opacity),var(--rf-t-transform)}.social-signin-btn{height:52px}.social-signin-btn>*{display:flex;gap:1rem}.social-signin-logo{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.social-signin-logo svg{width:inherit;height:inherit;fill:var(--header-color)}.social-signin-label{font-weight:600}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}:root{--header-list-item: 40px;--header-list-item-mobile: 38px}.header{position:fixed;top:0;margin-left:-5px;width:calc(100% - 8px)!important;z-index:1000;width:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(12px);background-color:var(--opaque-bg);transition:transform .35s cubic-bezier(0,0,0,1),height .3s ease}@media (min-width: 768px){.header{transform:translateY(-70px);height:var(--desktop-height);padding-inline:1.875rem 3.875rem}.menu-item.search-button{display:none}}@media (max-width: 768px){.header{transform:translateY(-58px);height:var(--mobile-height);padding-inline:1rem 1.175rem;width:calc(100% - 6px)!important}.menu-item.search-button{display:flex}}.header.visible{transform:translateY(0)}.navbar{height:100%;position:relative;display:flex;justify-content:space-between;gap:var(--spacing-lg)}@media (max-width: 768px){.navbar{gap:var(--spacing-xxs)}}.navbar>div{display:flex;align-items:center;gap:2rem}.navbar-center{justify-content:center;flex:1}.navbar-brand span{display:inline-block;margin-left:.475rem;font-family:var(--font-family-heading);font-size:1.25rem;font-weight:700}.navbar-logo{display:flex;flex-wrap:nowrap;align-items:center;background-size:cover}.navbar-logo>img{height:var(--header-logo)}.navbar-menu{display:flex;align-items:center;list-style-type:none;margin:0;padding:0}.navbar-menu{gap:1rem}.navbar-item{display:flex;height:var(--header-list-item);width:var(--header-list-item)}.navbar-link{color:var(--text-color);text-decoration:none}.menu-toggle-wrapper{display:flex;height:inherit;width:inherit;justify-content:center;align-content:center;flex-wrap:wrap}@media (max-width: 768px){.navbar-left .menu-item{display:none}}.menu-toggle{display:flex;background-color:transparent;height:inherit;width:inherit;padding:0}@media (max-width: 768px){.navbar-logo>img{height:var(--header-logo-mobile)}.navbar-item{height:var(--header-list-item-mobile);width:var(--header-list-item-mobile)}}.navbar-item.sign-in{width:fit-content}.navbar-sign-in.sign-in{height:40px}.navbar-sign-in{height:34px;width:34px;position:relative}.logged-in-button span{font-weight:700;font-size:var(--font-size-xxs);color:var(--background-color)}.logged-in-button{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0;height:inherit;width:inherit;isolation:isolate;border-radius:50%;background-color:var(--dark-gray);color:var(--background-color)}.logged-in-button img{pointer-events:none;border-radius:inherit;object-fit:cover;width:inherit;height:inherit}.logged-in-button:after{content:"";position:absolute;border-radius:inherit;z-index:-1;width:100%;height:100%;transition:transform .17s cubic-bezier(.345,.115,.135,1.42),background-color .15s ease-out,opacity .2s ease-out;transform:scale(1.25);opacity:0;background-color:var(--medium-gray)}.logged-in-button.open:after,.logged-in-button:hover:after{transform:scale(1.5);opacity:1}.logged-in-button:active:after{transform:scale(1.47)}.profile-image--photo{position:relative;isolation:isolate;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;overflow:hidden;border-radius:50%}.profile-image--photo img{height:100%;width:100%;object-fit:cover;border-radius:50%}.profile-image--photo.gray:after{content:"";z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:calc(100% - 2px);height:calc(100% - 2px);background-color:#545454}.profile-image--photo.sm{width:22px;height:22px}.profile-image--photo.sm img{width:inherit;height:inherit}.profile-image--photo.md{width:36px;height:36px}.profile-image--photo.md img{width:inherit;height:inherit}.profile-image--photo.lg{width:42px;height:42px}.profile-image--photo.lg img{width:inherit;height:inherit}.social-sign-in-disclaimer{margin-top:var(--spacing-xxs)}@media (max-width: 768px){.signin-or-register{margin-right:60px}}.modal.close-button-outside .close-button{top:-1.375rem;right:-28.5%;height:46px;width:46px}.modal.close-button-outside .close-button svg{height:30px;width:30px}@media (max-width: 900px){.modal.close-button-outside .close-button{top:-5.275rem;right:-10%}}@media (max-width: 768px){.modal.close-button-outside .close-button{top:-.25rem;right:-.25rem}}@media (min-width: 768px){.light .modal.close-button-outside .close-button{filter:invert()}}.modal.no-border .modal-header{border-bottom:none}.modal.xs.close-button-outside .close-button{top:-1rem;left:5rem}.modal.xs{max-width:385px;max-height:800px;height:fit-content;overflow:initial;border-radius:var(--popup-radius)}.modal.xs .signin-or-register{top:2rem;right:1.8rem}.modal.xs .modal-header{padding-block:.75rem}.modal.xs .modal-header-wrapper{padding-inline:1.5rem 1rem}.modal.xs>div{padding-inline:2rem}.modal.xs>div:last-child{padding-bottom:2.775rem}@media (max-width: 768px){.modal.xs{max-width:100%;max-height:95%;min-height:50%;height:fit-content;top:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal.xs .modal-header{padding-block:1.65rem 1rem}.modal.xs .modal-header-wrapper{padding-inline:1.5rem}.modal.xs>div{padding-inline:1.5rem}.modal.xs>div:last-child{padding-bottom:2rem}.modal.xs .form-group{margin-bottom:var(--spacing-sm)}.modal.xs{overflow-x:hidden;overflow-y:scroll}}.modal.sm{max-width:385px;max-height:800px;height:fit-content;overflow:initial;border-radius:var(--popup-radius)}.modal.sm .signin-or-register{top:2rem;right:1.8rem}.modal.sm .modal-header{padding-block:1.65rem 1rem}.modal.sm .modal-header-wrapper{padding-inline:2rem}.modal.sm>div{padding-inline:2rem}.modal.sm>div:last-child{padding-bottom:2.775rem}@media (max-width: 768px){.modal.sm{max-width:100%;max-height:95%;min-height:50%;height:fit-content;top:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal.sm .modal-header{padding-block:1.65rem 1rem}.modal.sm .modal-header-wrapper{padding-inline:1.5rem}.modal.sm>div{padding-inline:1.5rem}.modal.sm>div:last-child{padding-bottom:2rem}.modal.sm .form-group{margin-bottom:var(--spacing-sm)}.modal.sm{overflow-x:hidden;overflow-y:scroll}}.close-button{flex-shrink:0;padding:0;height:var(--icon-size);width:var(--icon-size)}.close-button.persistentBg:after{transform:scale(var(--button-scale-psuedo-h));background-color:var(--light-gray)}.close-button.persistentBg:hover:after{background-color:var(--medium-gray)}.close-button.persistentBg:active:after{transform:scale(var(--button-scale-psuedo-a))}.close-button.opaque:after{opacity:.75;background-color:var(--close-button-opaque)}.close-button.invert{filter:invert()}:root{--cm-t-opacity: opacity .15s ease;--cm-a-opacity-h: 0;--cm-a-opacity-f: 1;--cm-t-top: top .2s cubic-bezier(.4, 0, .2, 1);--cm-a-top-base: 0px;--cm-a-top: 20px;--cst-t-mrf-scale: scale .2s cubic-bezier(.4, 0, .2, 1);--cm-t-transform: transform .2s cubic-bezier(.4, 0, .2, 1);--cm-a-transform-base: translate(-50%, -50%);--cm-a-transform: translate(-50%, calc(-50% + 10px) )}.cm-t-m-enter{opacity:var(--cm-a-opacity-h);top:var(--cm-a-top)}.cm-t-m-enter-active{opacity:var(--cm-a-opacity-f);top:var(--cm-a-top-base);transition:var(--cm-t-opacity),var(--cm-t-top)}.cm-t-m-exit{opacity:var(--cm-a-opacity-f);top:var(--cm-a-top-base)}.cm-t-m-exit-active{opacity:var(--cm-a-opacity-h);top:var(--cm-a-top);transition:var(--cm-t-opacity),var(--cm-t-top)}.cst-t-mrf-enter{opacity:var(--cm-a-opacity-h);top:var(--cm-a-top);scale:.97}.cst-t-mrf-enter-active{opacity:var(--cm-a-opacity-f);top:var(--cm-a-top-base);scale:1;transition:var(--cm-t-opacity),var(--cm-t-top),var(--cst-t-mrf-scale)}.cst-t-mrf-exit{opacity:var(--cm-a-opacity-f);top:var(--cm-a-top-base);scale:1}.cst-t-mrf-exit-active{opacity:var(--cm-a-opacity-h);top:var(--cm-a-top);scale:.97;transition:var(--cm-t-opacity),var(--cm-t-top),var(--cst-t-mrf-scale)}.cp-t-enter{transform:translateY(-100%)}.cp-t-enter-done{transform:translateY(-100%);transition:transform .25s cubic-bezier(.25,.1,.25,1)}.cp-t-exit{transform:translateY(-100%)}.cp-t-exit-active{transform:translateY(0);transition:transform .25s cubic-bezier(.25,.1,.25,1)}.overlay{touch-action:none;position:fixed;margin-left:calc(50% - 50vw);top:0;left:0;width:100vw;height:100vh;background-color:var(--overlay-bg);z-index:5000}:root{--css-a-overlay-opacity-h: 0;--css-a-overlay-opacity-f: 1}.css-t-overlay-enter{opacity:var(--css-a-overlay-opacity-h)}.css-t-overlay-enter-active{opacity:var(--css-a-overlay-opacity-f);transition:opacity var(--timeout-duration) ease}.css-t-overlay-exit{opacity:var(--css-a-overlay-opacity-f)}.css-t-overlay-exit-active{opacity:var(--css-a-overlay-opacity-h);transition:opacity var(--timeout-duration) ease}.remember-me{font-size:var(--font-size-md)}@media (max-width: 768px){.remember-me{font-size:var(--font-size-rg)}}.remember-me label{cursor:pointer}.forgot-your-password{display:flex;justify-content:flex-end}.forgot-your-password a{color:var(--dark-gray);text-decoration:underline}@media (max-width: 768px){.forgot-your-password a{font-size:var(--font-size-sm)}}.login-button{margin-top:var(--spacing-lg)}.btn-component{overflow:hidden}.btn-component .ripple{position:absolute;border-radius:50%;transform:scale(0);background-color:currentColor;pointer-events:none}@keyframes ripple-effect{0%{transform:scale(0);opacity:calc(var(--ripple-start-opacity, .05) * var(--ripple-strength))}to{transform:scale(3);opacity:0}}.ball-wrapper{position:absolute;left:50%;transform:translate(-50%)}.bouncing-ball{width:8px;height:8px;border-radius:50%;animation:bounce .6s infinite}.bouncing-ball[data-color=white]{background-color:#fff}.bouncing-ball[data-color=black]{background-color:#000}.bouncing-ball[data-color=gray]{background-color:var(--dark-gray)}.search-bar-loading{margin-right:30px;position:relative}.hidden{opacity:0}:root{--bb-amplitude: 10px}@keyframes bounce{0%,to{transform:translateY(calc(var(--bb-amplitude) * -1));animation-timing-function:cubic-bezier(.6,-.2,.7,.04)}50%{transform:translateY(calc(var(--bb-amplitude)));animation-timing-function:cubic-bezier(.2,.6,1,1)}}.error-message{display:flex;gap:.25rem}.error-message svg{flex-shrink:0}.error-message,.error-message *{line-height:1.1;color:var(--error-color)}.slide-down-enter,.slide-down-exit-done{height:0;opacity:0;margin-top:0}.slide-down-enter-active,.slide-down-enter-done{height:28px;margin-top:8px;opacity:1;transition:opacity .2s ease-in,height .15s ease,margin-top .3s ease}.slide-down-exit{height:28px;margin-top:8px;opacity:1;transition:opacity .1s ease,height .2s ease,margin-top .3s ease}.slide-down-exit-active{height:0;margin-top:0;opacity:0}.slide-down-sm-enter,.slide-down-sm-exit-done{height:0;opacity:0;margin-top:0}.slide-down-sm-enter-active,.slide-down-sm-enter-done{height:16px;margin-top:6px;opacity:1;transition:opacity .2s ease-in,height .15s ease,margin-top .3s ease}.slide-down-sm-exit{height:16px;margin-top:6px;opacity:1;transition:opacity .1s ease,height .2s ease,margin-top .3s ease}.slide-down-sm-exit-active{height:0;margin-top:0;opacity:0}:root{--tooltip-color: #fbfbfb;--tooltip-bg: #464646;--tooltip-font-size: .875rem;--tooltip-letter-spacing: .03em;--tooltip-padding: .6rem .875rem;--tooltip-border-radius: .5rem;--tooltip-transition-factor: 5px}.tooltip-container{width:inherit;height:inherit;position:relative;display:inline-block}@media (max-width: 768px){.tooltip-container:not(.persist):before,.tooltip-container:not(.persist):after{display:none}}.tooltip-container:before,.tooltip-container:after{position:absolute;visibility:hidden;left:50%;opacity:0;transition:var(--cubic-transition);pointer-events:none;z-index:1000}.tooltip-container:before{content:attr(data-tooltip);background-color:var(--tooltip-bg);color:var(--tooltip-color);font-size:var(--tooltip-font-size);font-weight:500;letter-spacing:var(--tooltip-letter-spacing);padding:var(--tooltip-padding);border-radius:var(--tooltip-border-radius);white-space:nowrap}.tooltip-container:after{content:"";border:6px solid transparent;transform-origin:top}.tooltip-container.top:before{bottom:calc(130% + var(--tooltip-offset));transform:translate(-50%) translateY(var(--tooltip-transition-factor));transform-origin:bottom}.tooltip-container.top:after{bottom:calc(130% - 11px + var(--tooltip-offset));transform:translate(-50%) translateY(var(--tooltip-transition-factor));border-top-color:var(--tooltip-bg)}.tooltip-container.bottom:before{top:calc(130% + var(--tooltip-offset));transform:translate(-50%) translateY(calc(-1 * var(--tooltip-transition-factor)));transform-origin:bottom}.tooltip-container.bottom:after{top:calc(130% - 11px + var(--tooltip-offset));transform:translate(-50%) translateY(calc(-1 * var(--tooltip-transition-factor)));border-bottom-color:var(--tooltip-bg)}.tooltip-container:hover:before,.tooltip-container:hover:after,.tooltip-container.persist:before,.tooltip-container.persist:after{visibility:visible;transform:translate(-50%) translateY(0);opacity:1}.tooltip-container.hide:before,.tooltip-container.hide:after{display:none}.user-dropdown{position:absolute;z-index:20;top:calc(100% + 1.5rem);right:-.45rem;width:230px;padding-block:var(--spacing-sm);border-radius:calc(var(--border-radius) * 1.25);background-color:var(--contrast-color);box-shadow:var(--box-shadow-regular) 0 0 15px,var(--box-shadow-light) 0 0 3px 1px;opacity:0;max-height:0;visibility:hidden;transform:scale(.85);transform-origin:top right;transition:opacity 80ms ease-out,max-height .18s ease,box-shadow .18s cubic-bezier(.175,.885,.4,1.1),transform .18s cubic-bezier(.175,.885,.4,1.1),visibility .18s linear}.user-dropdown:after{content:"";top:-1rem;right:1rem;position:absolute;border:8px solid transparent;transform-origin:top;border-bottom-color:var(--contrast-color);filter:drop-shadow(var(--box-shadow-light) 1px -1px 1px)}.user-dropdown.open{opacity:1;max-height:1000px;visibility:visible;transform:scale(1)}.user-dropdown{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.user-dropdown header>*{cursor:pointer;padding-block:var(--spacing-xxxs);padding-inline:var(--spacing-md2);display:flex;align-items:center;gap:var(--spacing-md)}.user-dropdown header>*:hover{background-color:var(--light-gray)}.user-dropdown header>*>div{line-height:1.35}.user-dropdown--name{font-weight:700;font-size:var(--font-size-md)}.user-dropdown .divider{border-top:1px solid var(--border-color)}.user-dropdown li>*{width:100%;cursor:pointer;display:flex;padding-block:var(--spacing-xxs);padding-inline:var(--spacing-md2);gap:.75rem}.user-dropdown li:hover{background-color:var(--light-gray)}.ais-custom-instant-search{position:relative;width:100%;max-width:600px}@media (min-width: 768px){.ais-custom-instant-search>*{flex:1}}@media (max-width: 768px){.navbar .ais-custom-instant-search{all:unset;display:none}.ais-custom-instant-search.open{position:fixed;z-index:9999;top:0;left:0;overflow:hidden;display:flex;flex-direction:column;height:100dvh;width:100dvw;background-color:var(--background-color)}.ais-custom-instant-search.open .ais-custom-search-box{position:relative;flex:1}.ais-custom-search-box button[type=submit]{display:none}.ais-custom-hits.open{all:unset;overscroll-behavior:contain;overflow-x:hidden;overflow-y:scroll;position:relative;background-color:var(--background-color);padding-bottom:var(--spacing-lg)}.ais-custom-hits .search-hit{padding-block:var(--spacing-sm);padding-inline:var(--spacing-md2)}.ais-custom-hits .search-hit:hover{background-color:inherit}.ais-search-bar{display:flex;align-items:center;gap:var(--spacing-xxxs);margin-block:1rem .275rem;margin-inline:.775rem}}:root{--ais-padding-block: .875rem}.ais-custom-search-box input{all:unset;transition:.15s ease;width:100%;padding-block:var(--ais-padding-block);padding-left:3rem;font-weight:500}.ais-custom-search-box input.searching{padding-left:1.675rem}.ais-custom-search-box form{position:relative;z-index:5000;display:flex;align-items:center;height:42px;border-radius:var(--button-radius);background-color:transparent}@media (min-width: 904px){.ais-custom-search-box form{height:44px}}.ais-custom-instant-search .ais-custom-search-box{transition:box-shadow .1s ease-in-out 0s,color .1s ease-in-out 0s;box-shadow:inset 0 0 0 1.25px var(--nt-dark-medium-gray);border-radius:var(--button-radius)}.ais-custom-search-box:hover{box-shadow:inset 0 0 0 2px var(--nt-dark-medium-gray)}.ais-custom-search-box.focused{box-shadow:inset 0 0 0 2.5px var(--secondary-color)}.ais-custom-search-box button{padding-inline:.5rem;padding-block:.5rem}@media (max-width: 904px){.ais-custom-search-box button[type=reset]{padding:unset;margin-right:1rem}}.ais-custom-search-box button[type=submit]{margin-right:1.175rem}.ais-no-event{pointer-events:none}button[type=deco].ais-no-event{position:absolute;left:.375rem}.ais-custom-search-box input[type=search]::-webkit-search-cancel-button{display:none}.ais-custom-hits{position:absolute;display:none;z-index:1001;top:calc(var(--spacing-xl) * 1.1);width:100%;background-color:var(--contrast-color);box-shadow:var(--box-shadow-regular) 0 5px 15px;padding-block:var(--spacing-md);border-radius:24px}.ais-custom-hits.open{display:initial}.search-hit{cursor:default;padding-inline:var(--spacing-md2);padding-block:var(--spacing-xxxs);display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-md)}.search-hit svg{flex-shrink:0}.search-hit:hover{background-color:var(--light-gray)}.theme-switch{width:inherit}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.sun-and-moon>:is(.moon,.sun){fill:var(--darker-medium-gray)}.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:var(--gray-hover)}.sun-and-moon>.sun-beams{stroke:var(--darker-medium-gray);stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:var(--gray-hover)}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(-7px)}@supports (cx: 1){[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media (prefers-reduced-motion: no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3),fill .1s}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx: 1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5)}}[data-theme=dark] .sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}[data-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}:where(html){--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-elastic-1: var(--ease-elastic-out-1);--ease-elastic-2: var(--ease-elastic-out-2);--ease-elastic-3: var(--ease-elastic-out-3);--ease-elastic-4: var(--ease-elastic-out-4);--ease-elastic-5: var(--ease-elastic-out-5);--ease-squish-1: var(--ease-elastic-in-out-1);--ease-squish-2: var(--ease-elastic-in-out-2);--ease-squish-3: var(--ease-elastic-in-out-3);--ease-squish-4: var(--ease-elastic-in-out-4);--ease-squish-5: var(--ease-elastic-in-out-5);--ease-spring-1: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 );--ease-spring-2: linear( 0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1 );--ease-spring-3: linear( 0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1 );--ease-spring-4: linear( 0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1 );--ease-spring-5: linear( 0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1 );--ease-bounce-1: linear( 0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1 );--ease-bounce-2: linear( 0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1 );--ease-bounce-3: linear( 0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1 );--ease-bounce-4: linear( 0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1 );--ease-bounce-5: linear( 0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1 )}.sharetaste-icon{stroke:none!important}.followTheme.sharetaste-icon{fill:var(--secondary-text-color)}.footer{color:var(--text-color);padding:0 2rem}.footer-content{width:100%;padding:1.25rem 2rem;margin:auto}.footer-top-border{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;width:100%;border-top:1px solid var(--light-gray)}.footer-links{display:flex;gap:1.5rem;list-style-type:none;padding:0}.footer-links li a{color:#777;text-decoration:none;font-size:.875rem}.footer-copyright{font-size:.875rem;color:#afafaf}.footer-links li a:hover{text-decoration:underline;color:#333}@media (max-width: 768px){.footer{padding:0 1.5rem 3rem}.footer-top-border{flex-direction:column;align-items:flex-start}.footer-links{flex-direction:row;flex-wrap:wrap;margin-bottom:1rem;gap:1rem}.footer-links li{margin-right:1.5rem}.footer-content{padding:2rem 0}}.standard-wrapper{display:flex}.standard-content{padding:1.775rem 2rem 4rem 1rem;width:100%;height:inherit}@media (max-width: 768px){.standard-content{padding:1.25rem 0 5rem}}.fab-container{cursor:pointer;position:fixed;z-index:999;right:4.175rem;bottom:6.175rem;display:flex;flex-direction:column;gap:0;transition:opacity .18s ease-in-out}.fab-container.low-opacity{opacity:.675}@media (max-width: 768px){.fab-container.low-opacity{opacity:.3}}@media (max-width: 768px){.fab-container{right:1.175rem;bottom:4.175rem}}.fab-container:hover{opacity:1}.fab-item{isolation:isolate;position:relative;width:55px;height:55px;border-radius:99px}@media (max-width: 768px){.fab-item{width:52px;height:52px}}.fab-item:after{content:"";position:absolute;z-index:-1;top:0;left:0;height:inherit;width:inherit;border-radius:inherit;transition:.15s ease;filter:saturate(1.75);opacity:.9;scale:.97}.fab-item:hover:after{opacity:1;scale:1}.fab-item:active:after{opacity:1;scale:.97}.fab-expand-list{display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all .15s ease}.fab-expand-list{translate:0 10px}.fab-expand-list,.fab-expand-list *{pointer-events:none;opacity:0;max-height:0}.fab-container.expanded .fab-expand-list{translate:0 0}.fab-container.expanded .fab-expand-list,.fab-container.expanded .fab-expand-list *{pointer-events:auto;max-height:1000px;opacity:1}.fab-toggle{display:flex;align-items:center;justify-content:center}.fab-container.expanded{gap:var(--spacing-sm)}.fab-container.expanded .fab-toggle:after{background-color:var(--dark-gray)}.fab-toggle svg{transition:rotate .15s ease}.fab-container.expanded .fab-toggle svg{rotate:45deg}.fab-item .unstyled-trigger{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.fab-icon{color:#fff;stroke:#fff}.unstyled-trigger{padding:.775rem}@media (max-width: 768px){.unstyled-trigger{padding:.875rem}}.unstyled-trigger.noPadding{padding:0}@media (max-width: 768px){.unstyled-trigger.noPadding{padding:0}}:root{--recipe-form-block-padding: 1.5rem}.recipe-form{display:flex;flex-direction:column;position:relative;overflow-x:hidden}@media (min-width: 768px){.recipe-form{padding-bottom:var(--recipe-form-block-padding)}}.recipe-form textarea{resize:none;overflow:hidden}.recipe-form #recipeDescription{min-height:80px}.recipe-form .form-group>input[type=checkbox]{margin-right:10px}@media (min-width: 768px){.recipe-form .form-left .form-group:last-child{padding-bottom:4rem}}.rf.form-submit{display:flex;flex-direction:row;justify-content:space-between;width:100%;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);background-color:var(--contrast-color)}@media (min-width: 768px){.recipe-form{margin-bottom:4.675rem}.rf.form-submit{position:absolute;z-index:10;left:0;bottom:0;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width: 768px){.rf.form-submit{order:3;margin:0;padding:var(--spacing-sm) var(--spacing-lg)}}:root{--image-input-size-desktop: 300px;--image-input-size-mobile: 200px}.image-input{border-radius:1rem;isolation:isolate;display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:var(--image-input-size-desktop);max-height:var(--image-input-size-desktop);overflow:hidden}.image-input.form-group{margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.image-input{height:var(--image-input-size-mobile);min-height:var(--image-input-size-mobile);max-height:var(--image-input-size-mobile)}.image-input.form-group{margin-bottom:var(--spacing-md)}}.image-input__img-wrapper{position:relative;border-radius:inherit;height:inherit;width:inherit;overflow:inherit}.image-input__img-wrapper img{border-radius:inherit;object-fit:cover;height:inherit;width:inherit;overflow:inherit;object-position:50% 70%}.absolute.dropdown-wrapper{position:absolute;z-index:10}.absolute .dropdown.secondary-button:after{background-color:var(--dark-gray)}.absolute .dropdown.secondary-button:hover:after{background-color:var(--darkest-gray)}.absolute .dropdown.secondary-button:active:after{background-color:var(--dark-gray)}.absolute .dropdown svg{stroke:var(--background-color)}.dropdown-wrapper{position:relative;width:32px;height:32px}.dropdown-wrapper.md{width:43px;height:43px}.dropdown-wrapper.md .dropdown-menu.left:before{left:var(--arrow-offset, 14px)}.dropdown-wrapper.black .dropdown.secondary-button:after{background-color:var(--header-color)}.dropdown-wrapper.black .dropdown.secondary-button:hover:after{background-color:var(--darkester-gray)}.dropdown-wrapper.black .dropdown.secondary-button:active:after{background-color:var(--header-color)}.dropdown-wrapper.black .dropdown svg{stroke:var(--contrast-color)}.dd-invert .dropdown{filter:invert()}.dd-inv{top:-.875rem;left:-.875rem}.dd-sm{top:.275rem;left:.275rem}.dd-rg{top:.75rem;left:.75rem}.dropdown{width:inherit;height:inherit;border-radius:50%;transition:.15s ease-in-out}.dropdown.btn-component:after{background-color:var(--lighter-gray);transform:scale(.97)}.dropdown.btn-component:hover:after{background-color:var(--light-gray);transform:scale(1)}.dropdown.btn-component:active:after{background-color:var(--lighter-gray);transform:scale(.97)}.dd-mobile.dropdown{background-color:var(--header-color)}@media (min-width: 768px){.recipe:hover .dropdown,.dropzone-dynamic-image:hover .dropdown,.recipe:hover .dropdown:hover,.dropzone-dynamic-image:hover .dropdown:hover{opacity:1}}@media (max-width: 768px){.dropdown{opacity:.75}}.dropdown-menu{position:absolute;z-index:10;top:calc(100% + 12px);cursor:default;padding-block:.675rem;width:fit-content;border-radius:.75rem;background-color:var(--background-color);box-shadow:var(--box-shadow-regular) 0 0 15px,var(--box-shadow-light) 0 0 3px 1px}@media (max-width: 768px){.dropdown-menu{left:0}}.dropdown-menu:before{content:"";display:block;position:absolute;z-index:10;filter:drop-shadow(var(--box-shadow-light) 1px -1px 1px);border:6px solid transparent;border-bottom-color:var(--background-color);transform-origin:bottom}.dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 80ms ease-out,box-shadow .18s cubic-bezier(.175,.885,.4,1.1),transform .18s cubic-bezier(.175,.885,.4,1.1),visibility .18s linear}.dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto}.dropdown-menu *{opacity:0;transition:opacity .1s ease}.dropdown-menu.open *{opacity:1}@media (min-width: 768px){.dropdown-menu{transform:translateY(-5px) scale(.9)}.dropdown-menu:before{bottom:100%}.dropdown-menu.open{transform:translateY(0) scale(1)}.dropdown-menu.left{transform-origin:top left;left:0}.dropdown-menu.left:before{left:var(--arrow-offset, 10px)}.dropdown-menu.right{transform-origin:top right;right:0}.dropdown-menu.right:before{right:calc(var(--arrow-offset) * 1.1375)}}@media (max-width: 768px){.dropdown-menu.left{transform-origin:top left}.dropdown-menu.right{transform-origin:top right}.dropdown-menu,.dropdown-menu:before{left:0;transform:translateY(-5px) translate(0) scale(.9)}.dropdown-menu:before{left:var(--arrow-offset, 10px);bottom:calc(100% - 6px)}.dropdown-menu.open{transform:translateY(0) translate(0) scale(1)}}.dropdown-component{display:flex;align-items:center;gap:.875rem;padding:.5rem 2rem .5rem 1.375rem;text-align:center;list-style-type:none;cursor:pointer}.dropdown-component:hover{background-color:var(--light-gray)}.dropdown-menu li{display:flex;align-items:center;gap:.875rem;padding:.5rem 1.375rem;text-align:center;list-style-type:none;cursor:pointer}.dropdown-menu li:hover{background-color:var(--light-gray)}.dropdown-menu span{white-space:nowrap;font-size:var(--font-size-md)}.dropdown svg{stroke:var(--header-color)}.dropdown-menu svg{max-width:20px;max-height:20px}:root{--image-input-option-size: 140px;--image-input-option-transition: background-color .15s ease, backdrop-filter .15s ease}.customOption:not(.dragIsActive),.user-option:not(.dragIsActive),.image-input__img-wrapper:not(.dragIsActive){transition:var(--image-input-option-transition)}.customOption.dragIsActive,.user-option.dragIsActive{outline-color:var(--secondary-color);outline-style:dashed}.customOption{display:flex;align-items:center;justify-content:center;width:var(--image-input-option-size)}.customOption,.user-option{-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;height:calc(var(--image-input-option-size) * .675);outline:1px solid var(--border-color);border-radius:var(--border-radius)}.customOption img,.user-option img{-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);object-fit:cover;height:100%;width:100%}.customOption,.user-option,.image-input__img-wrapper{background-color:transparent}.customOption.loading,.image-input__img-wrapper{background-color:#0009}.customOption:after,.user-option:after,.image-input__img-wrapper:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:inherit;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:transparent;transition:var(--image-input-option-transition)}.customOption.loading:after,.user-option.loading:after,.image-input__img-wrapper.loading:after{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#0006}.customOption,.user-option{transition:box-shadow .15s ease,outline-color .15s ease,outline-width 0s}.customOption:hover,.user-option:hover{box-shadow:var(--box-shadow-color) 0 5px 15px;border-color:transparent}.customOption.selected:hover,.user-option.selected:hover{outline-color:var(--darkest-gray);outline-offset:2px}.customOption.selected,.user-option.selected{outline:4px solid var(--header-color);outline-offset:2px;border-color:transparent}.image-input-option__drag-drop{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;justify-content:flex-start;padding-top:.675rem}.user-option span{max-width:74px;font-weight:600;font-size:var(--font-size-xs)}.user-option span>span{color:var(--secondary-color)}.light{--outline-offset: 2px}.dark{--outline-offset: 0px}@media (max-width: 768px){.recipe-form .customOptions{gap:.575rem}.user-option,.customOption,.user-option__wrapper{flex:1;height:70px;max-width:77px}.image-input-option__drag-drop{padding-top:.475rem}.user-option svg{width:21px;height:21px}.user-option span{max-width:60px;font-size:var(--font-size-xxs)}.customOption.selected:hover,.user-option.selected:hover{outline-offset:var(--outline-offset)}.customOption.selected,.user-option.selected{outline-width:3px;outline-offset:var(--outline-offset)}}.customOption--icon{position:absolute}.customOption--icon svg{width:36px;filter:drop-shadow(3px 5px 2px rgb(0 0 0 / .4))}.customOption.aspectRatio{height:unset}:root{--iio-size-sm: 90px}.customOption.sm{width:var(--iio-size-sm)}.customOption.sm.selected{outline-width:3px}.recipe-form .image-input__options{display:flex;flex-direction:row;gap:1rem;margin-bottom:var(--spacing-lg)}.user-option__wrapper{-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:var(--image-input-option-size);border-radius:var(--border-radius)}.user-option{width:100%}.ingredient-input{position:relative;transform:none}.SortableList{display:flex;flex-direction:column;gap:4px}.SortableItem{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.425rem .925rem;background-color:var(--sortable-item);border-radius:var(--border-radius);gap:.75rem}.SortableItem>span{color:var(--darker-gray)}.SortableItem .form-input-group{flex-shrink:0;gap:.5rem}.SortableItem>*,.EditableItem>*{font-size:var(--font-size-md)}.SortableHeader{padding-block:.488rem}.SortableHeader.EditableItem{padding-block:0}.SortableHeader span{color:var(--header-color);position:relative;isolation:isolate}.SortableHeader,.SortableHeader textarea{font-size:var(--font-size-md);font-weight:700}@media (min-width: 768px){.SortableAndEditable{transition:outline-color .15s ease;border-radius:var(--border-radius);outline:1px solid transparent}.SortableAndEditable:hover{outline-color:var(--medium-gray)}}.SortableAndEditable:last-child,.EditableItem:last-child{margin-bottom:var(--spacing-sm)}.DragOverlay{border-radius:var(--border-radius);box-shadow:var(--box-shadow-color) 0 8px 24px}.DragHandle,.DeleteItem{display:flex;align-items:center;justify-content:center;touch-action:none;border-radius:5px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;-webkit-tap-highlight-color:transparent}@media (min-width: 768px){.DeleteItem{transition:.1s ease;opacity:0}.SortableAndEditable:hover .DeleteItem,.EditableItem:hover .DeleteItem{opacity:1}.DragHandle,.DeleteItem{padding:.357rem}.DragHandle:hover,.DeleteItem:hover{background-color:var(--hover-bg)}.DragHandle:focus-visible,.DeleteItem:focus-visible{box-shadow:0 0 0 2px #4c9ffe}}.DragHandle svg,.DeleteItem svg{opacity:.5;height:20px;width:20px}.ToggleItem.active{background-color:var(--light-gray)}.ToggleItem.active .icon{stroke-width:3px}.predef-servings-btn{position:relative;isolation:isolate;width:45px;height:45px;border:1px solid var(--medium-gray);border-radius:50%}.predef-servings-btn:hover{outline-color:var(--darkest-gray)}.predef-servings-btn.current{color:var(--background-color);font-weight:600;background-color:var(--pd-btn-active);border-color:var(--pd-btn-active)}@media (max-width: 768px){.servings-input.form-input-group{flex-direction:column;align-items:flex-start}.servings-input.form-input-group .form-input{width:100%;margin-top:var(--spacing-xxs)}}.custom-input{position:relative;flex:1;display:flex;align-items:center;padding:0}.custom-input input{all:unset;height:100%;width:100%;padding-inline:1rem;-webkit-appearance:none}.custom-input label{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;left:1rem;color:var(--dark-gray)}.info-banner{display:flex;gap:.5rem;background-color:var(--info-color);border-radius:.5rem;padding:.5rem 1rem}.char-counter{position:absolute;pointer-events:none;bottom:.5rem;right:.5rem;opacity:0;font-size:.875rem;margin-left:auto}*:focus .char-counter{opacity:1}*:focus~.char-counter{opacity:1}.form-textarea .char-counter{bottom:.75rem}.toolbar-wrapper{display:flex;gap:var(--spacing-xxs)}.import-template-btn{gap:.5rem}@media (max-width: 768px){.recipe-toolbar .form-row{justify-content:flex-start;gap:.5rem}.recipe-toolbar .primary-button,.recipe-toolbar .import-template-btn{white-space:nowrap;padding-inline:.8rem}.recipe-toolbar span{display:inline-flex;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-toolbar.form-mb-lg.form-mt-lg{margin-block:1.275rem}}.toolbar-component{display:flex;align-items:center;flex:1;transition:opacity .4s ease,scale .15s ease,max-height 0s,max-width 0s;opacity:1;height:48px;max-height:48px;max-width:100%;scale:1;transform-origin:left}.toolbar-component.hide-toolbar-component{scale:.9;opacity:0;max-height:0;max-width:0;overflow:hidden}.toolbar-component>*{flex:1}.toolbar-component.action-available *{outline-color:var(--medium-primary-color);color:var(--medium-primary-color)}.toolbar-component.action-available:hover *{color:#fff}.toolbar-component.action-available .btn-gray:hover:after{background-color:var(--error-color)}@media (max-width: 768px){.wrapOnMobile{flex-wrap:wrap}.wrapOnMobile>*{min-width:100%}}.popover{position:absolute;z-index:100;overflow:hidden;top:2rem;left:50%;background-color:var(--dark-mode-contrast);border-radius:var(--border-radius);box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;max-height:0;translate:-50% 0;scale:.9;opacity:0;transition:var(--cubic-transition)}.popover.active{max-height:1000px;translate:-50% 8px;transform:scale(1);opacity:1}.popover.addVideo{top:3.5rem;right:var(--spacing-xxxs);left:unset;translate:unset;transform:translateY(0)}.popover.addVideo.active{translate:unset;transform:translateY(8px)}.popover.popoverEditingAsCopy{top:8.5rem}.YouTubeThumbnail--container{position:absolute;z-index:5;width:100%;height:100%;top:0;right:var(--spacing-lg);overflow:hidden;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);box-shadow:#00000059 0 5px 15px}.YouTubeThumbnail{position:relative;width:100%;height:100%;background-size:100%;background-position:center;background-image:var(--thumbnailUrl)}.YouTubeThumbnail--provider-logo{position:absolute;top:var(--spacing-xxxs);right:var(--spacing-xxs)}.youtubeEmbed{position:relative;border-radius:var(--border-radius);overflow:hidden}.youtubeEmbed--usePip{position:absolute;top:-1rem;right:-1rem;background-color:var(--inverted-contrast-color);padding:var(--spacing-xs);border-radius:99px!important;width:fit-content!important;height:fit-content!important}.youtubeEmbed--usePip svg{stroke:var(--contrast-color)}.contentGallery{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%}@media (max-width: 768px){.contentGallery{gap:var(--spacing-md)}}.contentGallery.sm{gap:var(--spacing-md2)}.main-content{flex-grow:1;position:relative}@media (max-width: 1000px){.main-content{aspect-ratio:16/9;padding-bottom:56.25%}}.content-item{transition:opacity .5s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;isolation:isolate}.content-item.activeOption{opacity:1;visibility:visible}.content-switcher-options{display:flex;flex-direction:row;gap:1rem}:root{--panel-padding-desktop: 1.5rem 2rem;--panel-padding-mobile: 1.5rem;--panel-padding-link-desktop: 1.375rem 3rem;--panel-padding-link-mobile: 1.875rem 1.5rem}.panel{overscroll-behavior:contain;overflow-y:scroll;overflow-x:hidden;padding-bottom:var(--spacing-xxl);position:fixed;z-index:10000;background-color:var(--dark-mode-contrast);transition:.35s all cubic-bezier(0,0,.09,.99)}.panel-close{display:flex;justify-content:flex-end}.panel-header{border-radius:inherit;display:flex;flex-direction:column;background-color:var(--dark-mode-contrast)}@media (min-width: 768px){.panel{border-top-left-radius:var(--popup-radius);border-bottom-left-radius:var(--popup-radius);right:-460px;width:460px;top:0;height:100%}.panel.open{transform:translate(-460px)}.panel-header{padding:var(--panel-padding-desktop);gap:4rem}}@media (max-width: 768px){.panel{border-top-left-radius:var(--popup-radius);border-top-right-radius:var(--popup-radius);height:90%;bottom:-90%;width:100%;top:auto;padding-bottom:var(--spacing-lg);left:0}.panel.open{transform:translateY(-100%)}.panel-header{position:relative;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--panel-padding-mobile);gap:1.5rem}.panel.full{height:100%;bottom:-100%;overflow-y:auto}.panel .panel-title{font-size:var(--font-size-lg);font-weight:700}.panel .panel-close{margin-left:auto}.panel.adaptiveHeight{transform:translateY(100%);min-height:100px;height:fit-content;bottom:0;max-height:90%}.adaptiveHeight.open{transform:translateY(0)}.panel.draggable:not(.scrollable) *{touch-action:none}.panel .panel-drag{position:absolute;top:-2rem;left:50%;translate:-50% 0;width:100%;height:90px}.panel .panel-drag--bar{margin:46px auto auto;border-radius:99px;background-color:var(--medium-gray);height:4px;width:40px}}@media (max-width: 768px){.panel-header{top:0;right:0;position:sticky;padding-block:var(--spacing-xs);z-index:100;width:100%}.panel.hasTitle .panel-header{padding-block:var(--spacing-sm)}.panel.hasTitle.draggable .panel-header{padding-top:var(--spacing-lg)}.panel-main{padding-top:var(--spacing-xs)}}.panel-item{cursor:pointer;padding-inline:var(--spacing-md2);padding-block:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.panel-item--icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.panel-item--title{color:var(--header-color);font-size:var(--font-size-md);font-weight:600}.panel-item--desc{line-height:1.25;font-size:var(--font-size-sm);color:var(--dark-gray)}.panel-item.disabled{pointer-events:none;opacity:.4}.panel-item.disabled .panel-item--soon{text-transform:uppercase;border-radius:99px;margin-left:auto;color:var(--header-color);background-color:var(--medium-gray);font-size:var(--font-size-xxs);padding:var(--spacing-xxxs) var(--spacing-xs)}:root{--maximized-font-size: var(--font-size-lg);--minimized-font-size: var(--font-size-sm);--menu-icon-size: 26px;--menu-item-border-radius: 99px}.menu-title{display:block;padding-inline:1.175rem;font-size:1.75rem}@media (max-width: 768px){.menu-title{display:none}}.menu-item span{padding-right:.375rem;font-weight:500}.menu-item svg{width:var(--menu-icon-size);height:var(--menu-icon-size)}.menu-wrapper{position:fixed;height:inherit;padding-block:1rem;padding-inline:.375rem;background-color:var(--bg-color);overflow:hidden}@media (min-width: 768px){.menu-wrapper.open.minimized{width:fit-content;min-width:fit-content;margin-right:.6rem}.menu-wrapper.open.maximized{visibility:visible;width:240px;min-width:240px;padding-left:.175rem}.menu-wrapper.open{overflow:initial}.menu-wrapper.open .menu-content{position:sticky}.menu-wrapper.open.minimized .menu-content{left:2.5rem;top:5.175rem}.menu-wrapper.open.minimized span{display:none}.menu-wrapper.open.maximized .menu-content{left:2.375rem;top:5.175rem}}.menu-close{display:none}.menu-close .secondary-button{padding:0;width:40px;height:40px}@media (max-width: 768px){.menu-wrapper{position:fixed;padding-block:0;padding-inline:0;isolation:isolate;border-right:none;height:52px;width:100%;z-index:999;left:0;bottom:0;background-color:var(--background-color);transition:.18s ease-in-out;opacity:.3}.menu-wrapper.visible{opacity:1}.menu-close,.menu-item span{display:none}.menu-content{height:100%;padding-inline:1.175rem}.menu-content ul{height:inherit;display:flex;align-items:center;justify-content:space-around}}.menu-item>*{gap:.25rem;display:flex;align-items:center;flex-direction:column;text-align:center}.menu-wrapper.open .menu-item>*{flex-direction:row;width:fit-content;gap:1rem}@media (min-width: 768px){.menu-wrapper.open.minimized .menu-item>*{gap:.25rem;flex-direction:column}}@media (min-width: 768px){.menu-wrapper.minimized h1{display:none}.menu-wrapper.maximized h1{margin-bottom:1rem}}@media (min-width: 768px){.menu-wrapper.minimized li{margin-bottom:.4375rem}.menu-wrapper.maximized li{margin-bottom:.375rem}}.menu-wrapper li>*{position:relative;border-radius:var(--menu-item-border-radius)}.menu-wrapper li>*:active{background-color:var(--menu-hover-color-300)}@media (min-width: 768px){.menu-wrapper li>*:hover{background-color:var(--menu-hover-color-400)}.menu-wrapper li>*:active{background-color:var(--menu-hover-color-500)}}.menu-wrapper.maximized li>*{padding:.775rem 1.075rem}.menu-wrapper.minimized li>*{padding:.875rem}@media (max-width: 768px){.menu-wrapper.minimized li>*{display:flex;justify-content:center;align-items:center;flex-direction:row;padding:0;height:100%;width:inherit}}.menu-wrapper.open{font-size:var(--maximized-font-size)}@media (min-width: 768px){.menu-wrapper.minimized li{padding-inline:0}}.menu-wrapper.minimized li>*{font-size:var(--minimized-font-size)}@media (max-width: 768px){.menu-wrapper li{display:flex;justify-content:center;flex-wrap:nowrap;align-items:center;width:48px;height:48px}}.menu-item a,.menu-item a:hover{color:#333}.active{color:var(--active-color)!important}.active svg{fill:var(--active-color);color:var(--active-color)}.active span:not(.tab-link){color:var(--active-color);font-weight:600}.container{color:#333;margin:0 auto}@media (min-width: 904px){.container{padding:0 2rem}}@media (max-width: 904px){.container{padding:0 2rem}}@media (max-width: 768px){.container{padding:1rem 0}}.container:last-child{margin-bottom:var(--spacing-xl)}.row{display:flex;flex-direction:row;gap:4rem;margin-bottom:6rem}.column{display:flex;justify-content:center;flex-direction:column;max-width:80%;margin:0 auto}.column img{width:100%;height:auto}.column-text{flex:45}.column-image{flex:55}.column-header{font-family:var(--font-family-heading);font-size:var(--font-size-xxxxl);line-height:var(--font-size-xxxxxl);font-weight:700}.column-paragraph,.feature-paragraph{font-size:1.1rem;line-height:1.75rem;font-weight:initial;color:var(--subtext-color);margin-bottom:var(--spacing-lg)}.featureContainer{display:flex;justify-content:space-around;margin-bottom:4rem;gap:4rem}.feature-container-header{font-size:4rem;line-height:4rem;font-weight:900;display:flex;flex-direction:column;align-items:center;margin:0 auto 3rem}.feature-container-header span,.feature-container-header .feature .feature,.feature-container-header{flex:1;text-align:center}.feature{display:flex;align-items:center;flex-direction:column}.feature-header{font-family:var(--font-family-heading);font-size:2rem;font-weight:700;text-align:center}.feature-paragraph{text-align:center}.feature-pill{width:fit-content;padding:.375rem 1rem;border-radius:99px;outline:1px solid var(--dark-gray);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.feature-pill{margin:auto;margin-bottom:var(--spacing-md)}.container{max-width:400px}.row{flex-direction:column-reverse;margin-bottom:1rem;gap:4rem}.column{flex:1;align-items:flex-start;max-width:100%}.column-header,.feature-container-header{text-align:center}.column-paragraph,.feature-paragraph{font-size:1rem;line-height:1.75rem;text-align:center}.featureContainer{flex-direction:column;gap:2rem}.feature-header{font-size:1.5rem}.column-image{order:-1}.feature-container-header .column-header{order:1}.feature-container-header .feature-paragraph{order:2}.cta-button{width:100%}}.page-header{position:relative;display:flex;flex-direction:column;margin-bottom:var(--spacing-xs)}.page-header__title{color:var(--header-color);font-size:var(--font-size-xxxxl);font-weight:700}@media (max-width: 768px){.page-header__title{font-size:var(--font-size-xxl)}}.page-header__description{font-size:var(--font-size-sm);color:var(--subtext-color)}.breadcrumbs{display:flex;align-items:center;margin-left:-.575rem;margin-bottom:-.1rem}.breadcrumbs>span:not(.breadcrumb-item){flex-shrink:0}.breadcrumb-item{cursor:pointer;font-size:var(--font-size-md);color:var(--dark-gray)}.breadcrumb-item.current{cursor:text;color:var(--darkester-gray);max-width:140px;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 768px){.breadcrumb-item.current{max-width:180px}}.breadcrumb-icon{stroke:var(--dark-gray)}.breadcrumb-item:hover:not(.current):after{background-color:var(--light-gray-dark-bias)}.display-hits .recipes-container{margin-top:var(--spacing-lg)}.r-tag{cursor:pointer;text-transform:capitalize;white-space:nowrap;position:relative;isolation:isolate;padding:.475rem .875rem}.r-tag:after{content:"";position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%;transform:scale(1);border-radius:inherit;background-color:var(--light-gray-dark-bias);transition:transform .17s cubic-bezier(.345,.115,.135,1.42),background-color .15s ease-out,box-shadow .2s ease-out}.r-tag:hover:after{transform:scale(1.02);background-color:var(--medium-gray-dark-bias)}.r-tag:active:after{transform:scale(.98);background-color:var(--medium-gray-dark-bias)}.r-tag.selected span{color:var(--dark-mode-contrast)}.r-tag.selected:after{background-color:var(--darkester-gray)}:root{--paginate-size: 36px}.scroller-container{position:relative;display:flex;align-items:center;gap:1rem;margin-bottom:var(--spacing-lg)}.scroll-content{display:flex;flex:0 0 100%;overflow-x:auto;margin-block:-20px;padding-block:20px;margin-inline:-20px;padding-inline:20px;scrollbar-width:none;-ms-overflow-style:none;gap:var(--spacing-xs)}.scroll-content::-webkit-scrollbar{display:none}.scroll-button{position:absolute;z-index:2;min-width:var(--paginate-size);max-width:var(--paginate-size);min-height:var(--paginate-size);max-height:var(--paginate-size)}.scroll-button.left{left:0}.scroll-button.right{right:0}.blur-effect{position:absolute;pointer-events:none;top:0;bottom:0;z-index:1;background:linear-gradient(to left,#fff0,#fff 75%)}.blur-effect.left{width:150px;left:-20px}.blur-effect.right{width:100px;right:0;background:linear-gradient(to right,#fff0,#fff 75%)}body.dark .blur-effect{filter:invert()}@media (max-width: 768px){.blur-effect.left{width:75px;left:-20px;background:linear-gradient(to left,#fff0,#fffffffa 60%)}.blur-effect.right{width:50px;background:linear-gradient(to right,#fff0,#fffffffa 60%)}}:root{--recipes-container-gap-desktop: 1.25rem;--recipes-container-gap-mobile: 1rem}.recipes-container{display:grid}@media (min-width: 1300px){.recipes-container{row-gap:calc(var(--recipes-container-gap-desktop) * 2);column-gap:var(--recipes-container-gap-desktop);grid-template-columns:var(--grid-lg-cols, repeat(5, 1fr))}}@media (max-width: 1300px){.recipes-container{row-gap:calc(var(--recipes-container-gap-desktop) * 2);column-gap:var(--recipes-container-gap-desktop);grid-template-columns:var(--grid-md-cols, repeat(4, 1fr))}}@media (max-width: 1000px){.recipes-container{row-gap:calc(var(--recipes-container-gap-desktop) * 2);column-gap:var(--recipes-container-gap-desktop);grid-template-columns:var(--grid-sm-cols, repeat(3, 1fr))}}@media (max-width: 768px){.recipes-container{row-gap:calc(var(--recipes-container-gap-mobile) * 2);column-gap:var(--recipes-container-gap-mobile);grid-template-columns:var(--grid-xs-cols, repeat(2, 1fr))}}@media (max-width: 568px){.recipes-container{row-gap:calc(var(--recipes-container-gap-mobile) * 2);column-gap:var(--recipes-container-gap-mobile);grid-template-columns:var(--grid-xxs-cols, repeat(2, 1fr))}}@media (min-width: 1300px){.recipes-container.compact{row-gap:calc(var(--recipes-container-gap-desktop) * 1);column-gap:var(--recipes-container-gap-desktop)}}@media (max-width: 1300px){.recipes-container.compact{row-gap:calc(var(--recipes-container-gap-desktop) * 1);column-gap:var(--recipes-container-gap-desktop)}}@media (max-width: 1000px){.recipes-container.compact{row-gap:calc(var(--recipes-container-gap-desktop) * 1);column-gap:var(--recipes-container-gap-desktop)}}@media (max-width: 768px){.recipes-container.compact{row-gap:calc(var(--recipes-container-gap-mobile) * .75);column-gap:var(--recipes-container-gap-mobile)}}@media (max-width: 568px){.recipes-container.compact{row-gap:calc(var(--recipes-container-gap-mobile) * .75);column-gap:var(--recipes-container-gap-mobile)}}.recipes-title{margin-bottom:var(--spacing-lg)}.display-recipes-infinite-scroll{display:flex;flex-direction:column;justify-content:center;text-align:center;width:fit-content;margin-inline:auto;margin-top:var(--spacing-xl)}.display-recipes-infinite-scroll .ProgressBar{margin-block:var(--spacing-md) var(--spacing-lg)}.recipes-container-scroller{display:flex;gap:1rem}.recipes-container-scroller .recipe{min-width:200px}.recipe-card-skeleton{pointer-events:none}.skeleton-placeholder{background:linear-gradient(90deg,var(--placeholder-color-300) 25%,var(--placeholder-color-400) 50%,var(--placeholder-color-300) 75%);background-size:200% 100%;animation:shimmer 4s infinite alternate}.skeleton-title{width:50%;height:20px;margin-bottom:10px;border-radius:.375rem}.recipe-toolbar.skeleton-placeholder{height:30px;border-radius:.5rem}:root{--recipe-card-border-radius: .675rem;--recipe-card-padding-bottom-desktop: 1.5rem;--recipe-card-padding-bottom-mobile: 1rem;--recipe-card-content-max-width-desktop: 260px;--recipe-card-content-max-width-mobile: 100%;--recipe-card-content-max-height-desktop: 100px;--recipe-card-content-max-height-mobile: 200px;--recipe-card-gap-desktop: .475rem;--recipe-card-gap-mobile: .475rem;--recipe-card-content-gap-desktop: .15rem;--recipe-card-content-gap-mobile: .15rem}.recipe{position:relative;display:flex;flex-direction:column;gap:.275rem;width:100%;transition:transform .2s,box-shadow .2s}.recipe-card *{line-height:1.25}.recipe-card{isolation:isolate;position:relative}.recipe-content{margin-top:var(--recipe-card-gap-desktop)}@media (max-width: 768px){.recipe-content{margin-top:var(--recipe-card-gap-mobile)}}.recipe-card:after{content:"";z-index:-1;position:absolute;top:0;left:0;height:100%;width:100%;transition:.2s cubic-bezier(.345,.115,.135,1.42),box-shadow .2s ease-out;background-color:var(--contrast-color);opacity:0;scale:.97;box-shadow:#0000003d 0 3px 8px;border-radius:1rem}.recipe-card:hover:after{opacity:1;scale:1.0875 1.06}.recipe-card.compact:hover:after{scale:1.06 1.06}.recipe-card:active:after{opacity:1;scale:1.0675 1.05}.recipe-card.compact:active:after{scale:1.05 1.05}@media (max-width: 768px){.recipe-card.compact:after{border-radius:.75rem}}.recipe-card-wrapper,.recipe-card{border-radius:inherit}.recipe-toolbar{display:flex;padding-inline:1rem;justify-content:flex-end}.recipe-img-wrapper{aspect-ratio:1/1;overflow:hidden;border-radius:var(--recipe-card-border-radius)}.recipe-img-wrapper img{object-fit:cover}.recipe-content{display:flex;flex-direction:column;gap:var(--recipe-card-content-gap-desktop)}@media (min-width: 768px){.recipe-content{max-width:var(--recipe-card-content-max-width-desktop);max-height:var(--recipe-card-content-max-height-desktop)}}@media (max-width: 768px){.recipe-content{gap:var(--recipe-card-content-gap-mobile);max-width:var(--recipe-card-content-max-width-mobile);max-height:var(--recipe-card-content-max-height-mobile)}}.recipe-card h3,.recipe-card h4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.recipe-card h3{line-height:1.2;font-size:1.0975rem;font-weight:500;font-family:var(--font-family-body)}.recipe-card h4{font-size:1.175rem}@media (min-width: 768px){.recipe-card h3,.recipe-card h4{-webkit-line-clamp:2}}@media (max-width: 768px){.recipe-card h3,.recipe-card h4{-webkit-line-clamp:3}.recipe-card h3{font-size:1rem}}.recipe-details{display:flex;gap:.5rem}.recipe-details>span>*+*:before{content:"·";margin-inline:.5rem}.recipe-overflow-span{width:0;display:flex;flex:1;overflow:hidden}.recipe-overflow-span span{white-space:nowrap}.recipe-overflow-span span:last-child{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.recipes-container>p{width:100%;text-align:center;font-size:1.2rem}.recipe-card .recipe-visibility{display:flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:1rem}.recipe-pill-wrapper{display:flex;align-items:center;flex-shrink:0}.recipe-pill{display:flex;align-items:center;font-weight:600;gap:.375rem;padding:.275rem .775rem;background-color:var(--lightest-gray);border-radius:99px}@media (max-width: 768px){.recipe-pill-span{font-size:.875rem}}.card-details{display:flex;gap:1.375rem}.card-detail{display:flex;align-items:center;gap:.375rem}.recipe-img-wrapper{position:relative}.recipe-card--madeBy{display:flex;align-items:center;gap:.375rem;padding:.15rem .675rem .15rem .25rem;border-radius:99px;background-color:#00000080;position:absolute;z-index:10;bottom:.5rem;left:.5rem}.recipe-card--madeBy.loading{padding:.25 .5rem;background-color:transparent}.recipe-card--madeBy img{width:22px;height:22px;border-radius:50%}.recipe-card--madeBy .text-overflow{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:var(--font-size-xs)}.recipe-card--madeBy .text-overflow span{color:inherit;font-weight:500;font-size:var(--font-size-rg)}@media (max-width: 768px){.recipe-card--madeBy{gap:.2rem;padding:.1rem .5rem .1rem .1rem;bottom:.3rem;left:.3rem}.recipe-card--madeBy span{font-size:.875rem}.recipe-card--madeBy img{width:19px!important;height:19px!important}}.action-prompt-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:var(--spacing-xxl);gap:1.5rem}@media (max-width: 768px){.action-prompt-card{height:70vh;margin-top:unset}}.action-prompt-card img{height:120px;width:120px}.action-prompt-card--icon svg{stroke:var(--nt-darker-medium-gray)}.action-prompt-card--default-icon,.action-prompt-card--default-icon svg{height:100%;width:120px;stroke-width:1px}.action-prompt-card span{max-width:400px}:root{--time-short: #cffbe2;--time-medium: #fff6d0;--time-long: #ffe2e2}.display-image{height:100%}.display-image img{object-fit:cover;height:100%}@media (min-width: 768px){.di-img-wrapper img{object-fit:cover;height:inherit}}.di-img-wrapper{position:relative}.di-img-wrapper.loading:after{content:"";position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--placeholder-color-300) 25%,var(--placeholder-color-400) 50%,var(--placeholder-color-300) 75%);background-size:200% 100%;animation:shimmer 4s infinite alternate}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.di-lazy-load-background.blur{opacity:0}.di-lazy-load-background.blur.di-lazy-load-image-loaded{opacity:1;transition:opacity .3s}.di-lazy-load-background.blur>img{opacity:0}.di-lazy-load-background.blur.di-lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.skeleton-image:not(.loaded){--base-color: var(--skeleton-base);--highlight-color: var(--skeleton-highlight);--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);height:100%;width:100%;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.skeleton-image:not(.loaded):after{content:"";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.skeleton-image:not(.loaded){--pseudo-element-display: none}}@media (max-width: 768px){.skeleton-image:not(.loaded){height:300px}.skeleton-image:not(.loaded):after{height:300px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.confirm-modal{background-color:var(--dark-mode-contrast);border-radius:var(--border-radius);height:fit-content;max-height:300px;width:80%;max-width:400px}.confirm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.confirm-modal-description{padding-block:.5rem .25rem;padding-inline:1.5rem}.confirm-modal-action-bar{display:flex;justify-content:flex-end;gap:1rem;padding:1rem}.jk-rating{-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center}.jk-rating--stars{display:flex;flex-wrap:nowrap;align-items:center}.jk-rating *{flex-shrink:0}.jk-rating .star:not(:last-child){padding-right:var(--spacing-xxxs)}.jk-rating .rating-divider{width:1px;height:1rem;margin-inline:.25rem;background-color:var(--light-gray)}.jk-rating--stars.empty svg,.jk-rating--stars .star svg *{stroke:var(--darker-gray);fill:transparent}.jk-rating{--star-stroke: var(--primary-color);--star-fill: var(--primary-color);--star-half-fill: var(--primary-color);--star-half-stroke: var(--primary-color);--rating-color: var(--primary-color);--rating-hover-color: #d10a50;--rating-other-hover-color: var(--primary-color)}.jk-rating .star svg,.jk-rating .star svg *{stroke:var(--medium-gray);fill:transparent}.jk-rating .star.filled svg,.jk-rating .star.filled svg *{stroke:var(--rating-color);fill:var(--rating-color)}.jk-rating .star.hovered svg,.jk-rating .star.hovered svg *{stroke:var(--rating-hover-color);fill:var(--rating-hover-color)}.jk-rating .star.hovered~.star:not(.hovered) svg,.jk-rating .star.hovered~.star:not(.hovered) svg *{stroke:var( --rating-other-hover-color );fill:transparent}.jk-rating .star.half-filled *{fill:url(#half-fill-gradient)!important;stroke:var( --star-stroke )!important}@keyframes starBounce{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.jk-rating .star.animate{animation:starBounce .3s ease}.jk-rating.lg svg{width:38px;height:38px}.jk-rating.lg .star:not(:last-child){padding-right:var(--spacing-xs)}.jk-rating.sm svg{width:20px;height:20px}.default-rating-class{display:flex;align-items:center;gap:var(--spacing-xxs)}.default-rating-class.jk-rating svg{width:16px;height:16px}.default-rating-class.jk-rating .star:not(:last-child){padding-right:.1rem}.ProgressBar{border-radius:99px;overflow:hidden}.recipe-page{margin-bottom:var(--spacing-lg)}.cookbook-content .link-button{margin:0 0 1rem -1rem}.recipe-page-actual-breadcrumbs{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:var(--spacing-md)}.di-img.skeleton-placeholder{height:100%;width:100%}.recipe-page-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;column-gap:1rem;row-gap:.5rem}@media (max-width: 768px){.recipe-page-breadcrumbs{column-gap:.5rem;row-gap:.5rem}}@media (min-width: 768px){.recipe-page-breadcrumbs{margin-bottom:var(--spacing-xs)}}.recipe-page-header{display:grid;grid-template-areas:"image title" "image details";grid-auto-rows:min-content 1fr;grid-auto-columns:1fr;column-gap:var(--spacing-xl);padding-bottom:var(--spacing-lg)}@media (min-width: 1000px){.recipe-page-header.maximized{grid-template-areas:"image image title" "image image details"}}@media (max-width: 768px){.recipe-page-header{gap:var(--spacing-md)}}.recipe-header-text{grid-area:title}.recipe-header-details{grid-area:details;display:flex;gap:var(--spacing-md2);flex-direction:column}@media (min-width: 768px) and (max-width: 1000px){.recipe-header-details{margin-top:var(--spacing-md)}}.recipe-header-image-or-video{grid-area:image}@media (min-width: 768px) and (max-width: 1000px){.recipe-header-image-or-video .main-content{aspect-ratio:unset;padding-bottom:35%}}.recipe-header-image-or-video .main-content div,.recipe-header-image-or-video .main-content img{border-radius:1rem;height:100%;width:100%}@media (max-width: 1000px){.recipe-header-image{max-width:400px}}.recipe-header-image img{width:100%;object-fit:cover}.recipe-header-image *{border-radius:1rem}.recipe-header-image .di-img-wrapper,.recipe-header-image .dynamic-image{height:inherit}.di-img-wrapper img{object-fit:cover;max-height:480px;width:100%;max-width:100%}@media (max-width: 1000px){.recipe-page-header{grid-template-areas:"title" "image" "details"}}.recipe-page-title{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}@media (min-width: 768px){.recipe-page-title{margin-bottom:var(--spacing-xs)}}@media (max-width: 1300px){.recipe-page-title{font-size:var(--font-size-xl2)}}.recipe-page-toolbar{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:space-between}.recipe-page-main{display:flex;flex-direction:column;gap:var(--spacing-xl)}@media (min-width: 768px){.recipe-page-content-and-aside{display:flex;gap:3.75rem}}.recipe-page-ad{margin-block:var(--spacing-xxxs) var(--spacing-xl)}.recipe-page-aside{flex:25}@media (min-width: 768px){.recipe-page-content{flex:75}}.recipe-page-content{display:flex;flex-direction:column;gap:2rem}.recipe-page .hr:before{display:block;content:"";width:100%;height:1px;background-color:var(--light-gray);position:relative;top:-1rem}@media (max-width: 768px){.recipe-page-content{flex-direction:column}}.recipe-page-ingredients{flex:35;display:flex;flex-direction:column}.recipe-page-steps{flex:65;display:flex;gap:var(--spacing-sm);flex-direction:column}.recipe-page-steps ol{display:flex;flex-direction:column;counter-reset:step;gap:var(--spacing-xl)}.recipe-page strong{font-size:var(--font-size-xl);color:var(--header-color);margin-bottom:var(--spacing-xs)}@media (min-width: 768px){.recipe-ingredients>ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem}}.recipe-page-tailored-recipes-experience{display:flex;flex-direction:column;gap:var(--spacing-xl)}.recipe-ingredients .enh-ing{align-items:center;position:relative;isolation:isolate;margin-bottom:var(--spacing-xxxs);font-size:var(--font-size-md)}@media (min-width: 768px){.recipe-ingredients .enh-ing:after{content:"";position:absolute;z-index:-1;top:0;left:-.75rem;height:100%;width:calc(100% + 1.5rem);border-radius:1.275rem;background-color:transparent}.enh-ing:hover:after{background-color:var(--light-gray)}}.enh-ing.recipe-step-component{gap:0;cursor:pointer}.enh-ing.recipe-step-done .ing-row span{opacity:.375;text-decoration:line-through}.recipe-ingredients .ing-row{display:flex;align-items:center;justify-content:space-between}.recipe-ingredients .ing-vertical{display:flex;flex-direction:column;line-height:1.475;margin-left:1.375rem}.recipe-ingredients .ingredient-name:first-letter{text-transform:capitalize}.recipe-ingredients .ingredient-name{display:inline-block;color:var(--header-color)}.recipe-ingredients .ingredient-quantity{margin-right:.275rem;font-weight:700;color:var(--header-color)}.recipe-ingredients .ingredient-descriptor{color:var(--dark-gray)}.recipe-ingredients li{padding-block:.475rem}.recipe-ingredients li:not(.ingredient-header){position:relative}.skeleton-ingredients{display:grid;grid-template-columns:1fr;column-gap:1rem;row-gap:.5rem}.checkbox-label{position:relative;display:inline-block;width:32px;height:32px;margin-top:2px}.checkbox-label input[type=checkbox]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:transparent;margin:0;width:inherit;height:inherit;transition:.1s ease;border:none;cursor:pointer}.checkbox-label input[type=checkbox]:before{content:"";display:inline-flex;justify-content:center;align-items:center;width:inherit;height:inherit;border:none;border-radius:50%;position:absolute;top:0;left:0;font-size:var(--font-size-lg);font-weight:700;outline:1px solid var(--medium-gray);outline-offset:-1px;transform:scale(1);transition:transform .18s cubic-bezier(.345,.115,.135,1.42),opacity 80ms ease-out,background-color 80ms ease-out}@media (max-width: 768px){.checkbox-label input[type=checkbox]:before{font-size:var(--font-size-md)}}.checkbox-label.withCount input[type=checkbox]:before{content:counter(step);counter-increment:step}.recipeStepComponent:not(.recipe-step-done) .checkbox-label:hover .recipeStepCheckbox:before{outline-color:transparent;background-color:var(--medium-primary-color);color:#000}.recipeStepComponent.recipe-step-done .checkbox-label:hover .recipeStepCheckbox:before{opacity:.7}.recipe-step-component input[type=checkbox]:checked:before{outline-color:transparent;background-color:var(--primary-color);color:var(--primary-color)}.check-icon{pointer-events:none;stroke:#fff;stroke-width:2px;position:absolute;top:50%;left:50%;width:18px;height:18px;opacity:0;transform-origin:50% 50%;transform:translate(-50%,-50%) scale(.7);transition:transform .18s cubic-bezier(.345,.115,.135,1.42),opacity 50ms ease-out}.check-icon.done{transform:translate(-50%,-50%) scale(1);opacity:1}.checkbox-label.small{width:24px;height:24px}.checkbox-label.noOutline{margin-top:-2px}.checkbox-label.noOutline input[type=checkbox]:before{outline:none;outline-offset:0}.checkbox-label.noOutline .check-icon{width:22px;height:22px}.recipeStepComponent:not(.recipe-step-done) .checkbox-label.noOutline:hover .recipeStepCheckbox:before{background-color:var(--primary-color);color:#fff}.checkbox-label.withCount.noOutline input[type=checkbox]:before{color:var(--primary-color)}.checkbox-label.noOutline:hover .recipeStepCheckbox:before{transform:scale(1.05)}.checkbox-label.noOutline:active .recipeStepCheckbox:before{transform:scale(1)}.timer{cursor:pointer;display:flex;position:relative;isolation:isolate;margin-top:var(--spacing-md);height:fit-content;width:fit-content;border-radius:99px;padding:.375rem 1rem;background-color:var(--lighter-gray);border:1px solid transparent;transition:background-color .15s ease,color .15s ease,stroke .15s ease,border .15s ease}@media (max-width: 768px){.timer{width:100%;max-width:320px}}.timer:hover{border-color:var(--lighter-gray)}.timer:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:99px;background-color:var(--lighter-gray);transition:.15s ease;opacity:0;scale:.93}.timer:hover:before{opacity:1;scale:1}.timer>div,.time-remaining{display:flex;align-items:center}.timer>div{width:inherit;justify-content:center}.time-remaining{gap:var(--spacing-md)}@media (min-width: 768px){.timer>div{gap:1.475rem}}@media (max-width: 768px){.timer>div{justify-content:space-between}}.timer-icon{position:relative;isolation:isolate}.timer.running{background-color:var(--timer-bg);border:1px solid var(--timer-border)}.timer.running:before{background-color:var(--timer-hover)}.timer.running:hover:before{background-color:var(--timer-hover)}.timer.running span,.timer.running svg{color:var(--timer-text);stroke:var(--timer-text)}.timer.running:hover span,.timer.running:hover svg{color:var(--timer-text-hover);stroke:var(--timer-text-hover)}.timer-icon.complete{animation:swing .2s infinite}@keyframes swing{0%{transform:translate(-2px)}50%{transform:translate(0)}to{transform:translate(-2px)}}span.remaining-time{width:76px}span.remaining-time{width:65px}.timer{font-weight:700;font-size:var(--font-size-md)}.timer svg{height:22px;width:22px}.recipe-step-component{display:flex;gap:1.275rem}.recipe-step-component>span{line-height:1.8;width:100%}.step-content{display:flex;flex-direction:column}.recipe-step-component .step-value{transition:.18s ease;font-size:var(--font-size-md)}.recipe-step-done .step-value{color:var(--dark-medium-gray);width:300px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recipe-step-done .enh-ing-grid,.recipe-step-done .enh-ing-grid *,.recipe-step-done .timer,.recipe-step-done .timer *,.recipe-step-done .step-ingredient-grid,.recipe-step-done .step-ingredient-grid *{pointer-events:none;max-height:0;opacity:0;margin:0;padding:0}.step-value,.recipe-step-component>label{cursor:pointer}.skeleton-step{width:100%;display:flex;gap:1rem}.skeleton-step span:nth-child(2){flex:1}.ingredient-header .enh-ing-header-icon,.custom-accordion--button .chevron-icon{transform:rotate(180deg);transition:transform .18s ease-in-out}.ingredient-header[aria-expanded=true] .enh-ing-header-icon,.custom-accordion--button[aria-expanded=true] .chevron-icon{transform:rotate(0)}.enh-ing-item-panel[aria-hidden=false],.custom-accordion-panel[aria-hidden=false]{animation-name:panelAnimation;animation-duration:.3s;animation-timing-function:ease}.accordion__item{break-inside:avoid-column}.accordion__item:not(:last-child){margin-bottom:var(--spacing-lg)}.custom-accordion--button{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;gap:var(--spacing-xxs);padding:.2rem .75rem .2rem .5rem}.custom-accordion--button *{color:var(--primary-color);font-weight:600}.custom-accordion--button.secondary-button:hover:after{background-color:var(--light-primary-color)}.custom-accordion-panel{padding-inline:1rem;margin-inline:-1rem}.custom-accordion-panel[aria-hidden=false]{animation-duration:.5s}@keyframes panelAnimation{0%{max-height:0;opacity:0;overflow:hidden}70%{opacity:1}to{overflow:visible;max-height:1000px}}.MAC{outline-offset:-1px;width:100%;padding:var(--spacing-sm);background-color:var(--lighter-gray);border-radius:var(--border-radius)}.MAC.aside{position:sticky;top:6rem}.MAC-children{display:flex;flex-direction:column;gap:var(--spacing-sm);width:inherit;height:100%}@media (max-width: 768px){.MAC-FAB.fade{opacity:.5}.MAC.aside{all:unset}.MAC.aside{outline-offset:-1px}.MAC-children{padding-inline:1rem}.MAC.aside .MAC-FAB,.MAC.aside .MAC-children{position:fixed;z-index:999;left:1.25rem;top:initial;bottom:4.15rem;padding:var(--spacing-sm);background-color:var(--mac-background)}.MAC-FAB{cursor:pointer;position:fixed;left:1.175rem;bottom:4.175rem;transform:scale(1);transition:opacity .18s ease-in-out,transform .1s ease}.MAC.aside .MAC-children{pointer-events:none;border-radius:var(--border-radius);height:fit-content;width:calc(100% - 2.5rem);transition:opacity .16s ease-out,transform .16s ease;opacity:0;transform-origin:bottom left;transform:scale(0)}.MAC.aside.open .MAC-FAB{visibility:hidden;transform:scale(.9)}.MAC.aside.open .MAC-children{pointer-events:auto;transform:scale(1);opacity:1}.MAC-close{position:absolute;right:.5rem;top:-3.5rem}}.recipe-page-details{display:flex}.recipe-page-detail{display:flex;justify-content:center;align-items:center;flex-direction:column}.recipe-page-detail>*:first-child{font-size:var(--font-size-xl2);line-height:1.175;font-weight:300}.recipe-page-detail span{text-transform:capitalize}.recipe-page-details div{display:flex}.recipe-page-details div:not(:last-child):after{content:"";display:block;margin:auto;height:50%;width:1px;background-color:var(--light-gray);margin-inline:2.375rem}.recipe-page-details.loading{gap:1rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-breadcrumbs,.sk-title,.sk-image,.sk-description,.sk-detail-pills,.sk-toolbar,.sk-ingredients,.sk-steps,.sk-section-title,.sk-list-item{background:linear-gradient(90deg,var(--placeholder-color-300) 25%,var(--placeholder-color-400) 50%,var(--placeholder-color-300) 75%);background-size:200% 100%;animation:loading 4s infinite}.sk-breadcrumbs{height:2.5rem;width:40%}.sk-image{width:100%;padding-top:100%}.sk-title{height:6rem}.sk-detail-pills{height:8rem}.sk-description{height:80%;width:80%}.sk-toolbar{height:50px}.sk-section-title{height:2.475rem;width:50%}.sk-list-item{height:12rem}@media (max-width: 1000px){.recipe-skeleton .recipe-page-header{grid-template-areas:"title" "image" "details"}}@media (max-width: 768px){.recipe-skeleton .recipe-page-content{flex-direction:column;gap:2rem}.sk-title{height:3rem}.sk-detail-pills{height:6rem}.sk-breadcrumbs{width:100%}}:root{--unit-switcher-height: 34px;--unit-switcher-width: 120px;--unit-switcher-padding: .75rem}.unit-switcher{display:flex}.unit-switcher .prevent-toggle{pointer-events:none;opacity:.5}.unit-switcher .hide{display:none}.unit-switcher input[type=checkbox]{height:0;width:0;position:absolute;visibility:hidden}.unit-switcher label{display:flex;align-items:center;cursor:pointer;width:var(--unit-switcher-width);height:var(--unit-switcher-height);background:var(--light-gray);border-radius:100px;position:relative}.unit-switcher span{position:absolute;z-index:5;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-weight:600;transition:color .15s ease}.unit-switcher input:checked+label span:first-child{color:#fff}.unit-switcher input:not(:checked)+label span:last-child{color:#fff}.unit-switcher span:first-child{left:var(--unit-switcher-padding)}.unit-switcher span:last-child{right:calc(var(--unit-switcher-padding) * 1.4)}.unit-switcher label:after{content:"";position:absolute;top:0;right:-2px;height:calc(var(--unit-switcher-height));background:var(--button-bg);border-radius:99px;transition:.3s}.unit-switcher input:checked+label:after{width:calc(var(--unit-switcher-width) / 1.675)}.unit-switcher input+label:after{width:calc(var(--unit-switcher-width) / 2.1)}.unit-switcher input:checked+label:after{right:calc(100% + 2px);transform:translate(100%)}.unit-switcher input:checked+label:active:after{width:calc(var(--unit-switcher-width) / 1.575)}.unit-switcher input+label:active:after{width:calc(var(--unit-switcher-width) / 1.975)}:root{--fancy-toggle-height: 34px;--fancy-toggle-padding: 1rem}.fancy-toggle{display:flex}.fancy-toggle .prevent-toggle{pointer-events:none;opacity:.5}.fancy-toggle .hide{display:none}.fancy-toggle input[type=checkbox]{height:0;width:0;position:absolute;visibility:hidden}.fancy-toggle label{display:flex;align-items:center;cursor:pointer;width:var(--fancy-toggle-width);height:var(--fancy-toggle-height);background:var(--light-fancy-toggle);border-radius:100px;position:relative}.fancy-toggle span{position:absolute;z-index:5;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-weight:600;transition:color .6s ease}.fancy-toggle input:checked+label span:first-child{color:var(--header-color)}.fancy-toggle input:checked+label span:last-child{color:var(--subtext-color)}.fancy-toggle input:not(:checked)+label span:first-child{color:var(--subtext-color)}.fancy-toggle input:not(:checked)+label span:last-child{color:var(--header-color)}.fancy-toggle span:first-child{left:var(--fancy-toggle-padding)}.fancy-toggle span:last-child{right:var(--fancy-toggle-padding)}.fancy-toggle label:after{content:"";position:absolute;top:0;right:0;height:calc(var(--fancy-toggle-height));background-color:var(--lightest-fancy-toggle);border-radius:99px;transition:.3s ease}.fancy-toggle input:checked+label:after{width:calc(var(--fancy-toggle-width) / var(--dynamic-ratio-one))}.fancy-toggle input+label:after{width:calc(var(--fancy-toggle-width) / var(--dynamic-ratio-two))}.fancy-toggle input:checked+label:after{right:100%;transform:translate(100%)}.fancy-toggle input:checked+label:active:after{width:calc((var(--fancy-toggle-width) / var(--dynamic-ratio-one)) * 1.1)}.fancy-toggle input+label:active:after{width:calc((var(--fancy-toggle-width) / var(--dynamic-ratio-two)) * 1.1)}.recipe-page-pill{width:fit-content;display:flex;align-items:center;padding:.475rem;gap:.5rem;cursor:pointer}.recipe-page-pill.right{padding-right:.675rem}.recipe-page-pill.round-btn{width:42px;height:42px}.recipe-page-pill span{font-size:var(--font-size-md)}.servings-control{display:flex;align-items:center;gap:1rem;height:34px;background-color:var(--lighter-gray);border-radius:99px}.servings-control-label{width:var(--label-width, auto);white-space:nowrap;text-align:center;font-size:var(--font-size-md)}.recipe-ad{display:flex;justify-content:center;align-items:center;height:100px;background-color:var(--lighter-gray);border-radius:var(--border-radius)}.recipe-ad-aside{position:sticky;top:6rem;display:flex;justify-content:center;align-items:center;width:100%;height:500px;border-radius:var(--border-radius);background-color:var(--lighter-gray)}@media print{@page{size:A4}}.printFriendlyRecipePage{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:2.5rem 2.5rem 2.5rem 4rem}.printFriendlyRecipePage header{display:flex;justify-content:space-between;gap:var(--spacing-md)}.printFriendlyRecipePage .logo img{height:24px}.printFriendlyRecipePage h1{font-size:calc(var(--font-size-xl) * 1.05)}.printFriendlyRecipePage .content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.printFriendlyRecipePage .content-header{display:flex;gap:var(--spacing-xl)}.printFriendlyRecipePage .content-header .recipeDetails{flex:2}.printFriendlyRecipePage .content-header .recipeImage{flex:1}.printFriendlyRecipePage .content-header>div{display:flex;flex-direction:column;gap:var(--spacing-lg)}.printFriendlyRecipePage .content-header .recipeImage img{border-radius:1rem}.printFriendlyRecipePage .content-main{display:flex;gap:var(--spacing-xl)}.printFriendlyRecipePage .content-main .recipeIngredients,.printFriendlyRecipePage .content-main .recipeSteps{display:flex;flex-direction:column}.printFriendlyRecipePage .content-main .recipeSteps{flex:2;gap:var(--spacing-md)}.printFriendlyRecipePage .content-main .recipeIngredients{flex:1;gap:var(--spacing-xs)}.printFriendlyRecipePage .recipeSteps ol{display:flex;flex-direction:column;counter-reset:step;gap:var(--spacing-md)}.printFriendlyRecipePage .recipeIngredients .ing-vertical{margin-left:0}.printFriendlyRecipePage .recipeIngredients li{padding-block:.2rem}.printFriendlyRecipePage .enh-ing-grid .grid-item,.printFriendlyRecipePage .recipeIngredients ul .checkbox-label{display:none}.printFriendlyRecipePage a{color:var(--text-color);font-weight:700}.display-user{width:fit-content;display:flex;align-items:center;padding:.275rem .5rem .275rem .275rem;gap:.5rem;cursor:pointer}.display-user__display-name{font-weight:500}.display-user.medium .profile-image--photo{width:30px;height:30px}.display-user.large{gap:.75rem}.display-user.large .profile-image--photo{width:120px;height:120px}.display-user.large{gap:2rem}.display-user.large svg{width:60px;height:60px}@media (max-width: 768px){.display-user.large .profile-image--photo{width:80px;height:80px}.display-user.large{gap:1.5rem}.display-user.large svg{width:40px;height:40px}}.rate-recipe{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.rate-recipe>span{font-size:var(--font-size-md)}.rate-submit{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media (max-width: 768px){.rate-submit{flex-direction:column}}.rate-submit button{display:flex;gap:var(--spacing-xxs)}.notifications-container{display:flex;flex-direction:column}.notification{display:flex;align-items:center;width:fit-content;padding-block:.35rem;padding-inline:.6rem 1.1rem;border-radius:99rem}.notification svg{stroke-width:1.75px;stroke:var(--header-color)}.notification-message{margin-left:10px;font-weight:600;color:var(--header-color)}.notification.preheat{background-color:var(--light-primary-color)}.editedFromRecipe{min-width:230px;max-width:330px}.recipe-page-description>span{font-size:var(--font-size-md);color:var(--darker-gray)}.recipe-page-description.truncated>span{overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recipe-page-description{cursor:pointer;padding:var(--spacing-md);background-color:var(--lighter-gray);border-radius:var(--border-radius);transition:.15s ease}.recipe-page-description.truncated:active{background-color:var(--light-gray)}.toggle-button{background-color:var(--lighter-gray)}.ambiance-image{pointer-events:none!important;position:absolute!important;z-index:-1!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:105%!important;height:105%!important}.ambiance-image--glow-effect{height:100%;width:100%}.light .ambiance-image--glow-effect{opacity:.25;filter:blur(25px) saturate(2)}.dark .ambiance-image--glow-effect{opacity:.35;filter:blur(30px) saturate(3)}@media (max-width: 768px){.light .ambiance-image--glow-effect{opacity:.25;filter:blur(30px) saturate(3)}.dark .ambiance-image--glow-effect{opacity:.4;filter:blur(35px) saturate(3)}}.rp-user-notes{position:relative;gap:var(--spacing-md)}.notes-flow-title{position:absolute;top:0;pointer-events:none;padding-inline:var(--spacing-md);padding-top:var(--spacing-xxs);font-size:var(--font-size-lg);color:var(--header-color);font-weight:700}.notes-flow,.intro-flow{width:100%;height:100%;transition:filter 60ms ease-in,opacity .3s ease}.notes-flow:not(.visible),.intro-flow:not(.visible){opacity:0;position:absolute;top:0}.rp-user-notes:hover .notes-flow:not(.visible){opacity:.5}.rp-user-notes:hover:not(.signInFirst) .intro-flow{opacity:.5;filter:blur(1rem)}.rp-user-notes:not(.intro) .intro-flow,.rp-user-notes:not(.intro) .intro-flow *{opacity:0}.rp-user-notes .intro-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xxs);padding:var(--spacing-md)}.intro-flow .intro-icon{width:2.5rem;stroke-width:.75px;stroke:var(--dark-gray)}.intro-flow .title{font-size:var(--font-size-md);color:var(--dark-gray);text-align:center}.intro-flow .desc{font-size:var(--font-size-md);color:var(--dark-medium-gray)}@media (max-width: 768px){.intro-flow .intro-icon{width:2rem;stroke-width:.75px}.intro-flow .title{font-size:var(--font-size-rg)}}.rp-user-notes .note{position:relative;pointer-events:auto;resize:none;overscroll-behavior:contain;height:100%;width:100%;font-size:var(--font-size-md);padding-top:calc(var(--spacing-xl) * 1.1);padding-bottom:var(--spacing-sm);padding-inline:var(--spacing-md);border-radius:var(--border-radius);background-color:var(--lighter-gray)}.rp-user-notes .note,.rp-user-notes .note:hover,.rp-user-notes .note:focus{background-color:transparent;border:none;outline:none}@media (max-width: 1120px){.rp-user-notes,.rp-user-notes .notes-flow{flex-direction:column}}@media (max-width: 768px){.rp-user-notes .intro-flow{display:none}}.rp-user-notes.signInFirst{cursor:pointer}.rp-user-notes.signInFirst .notes-flow{display:none}.rp-user-notes.signInFirst .intro-flow{display:flex;opacity:1;position:relative}.commentPanel{padding-bottom:var(--spacing-xxxl)}.commentPanel--count{font-size:var(--font-size-xxxxl);font-weight:700}.commentPanel button{flex:1;width:100%}.commentPanel--leave-comment{display:flex;gap:var(--spacing-md)}@media (max-width: 768px){.commentPanel--leave-comment{gap:var(--spacing-xs)}}.commentPanel--leave-comment.adding{pointer-events:none;opacity:0}.commentPanel--leave-comment textarea{resize:none}.standardPanel{display:flex;flex-direction:column;gap:var(--spacing-lg2);padding-inline:var(--spacing-lg2)}@media (max-width: 768px){.standardPanel{gap:var(--spacing-lg);padding-inline:var(--spacing-lg2)}}.standardPanel--title{font-size:var(--font-size-xl);font-weight:700}@media (max-width: 768px){.standardPanel--title{font-size:var(--font-size-lg)}}.standardPanel--title.centered{margin-top:-3.5rem;margin-bottom:.5rem;text-align:center;font-size:var(--font-size-rg);font-weight:700}@media (max-width: 768px){.standardPanel--title.centered{font-size:var(--font-size-rg)}}.listComments{display:flex;flex-direction:column;gap:var(--spacing-lg2)}.lc--comment{display:flex;gap:var(--spacing-md)}@media (max-width: 768px){.lc--comment{gap:var(--spacing-sm)}}.lc--comment.loading{pointer-events:none;animation:1s commentLoading infinite alternate}@keyframes commentLoading{0%{opacity:1}50%{opacity:.5}75%{opacity:.25}to{opacity:.5}}.lc-comment--user_and_value{display:flex;flex-direction:column;margin-top:-4px}@media (max-width: 768px){.lc-comment--user_and_value{margin-top:-3px}}.lc-comment--user{display:flex;align-items:center;gap:var(--spacing-xxxs)}.lc--username{font-weight:700}.lc--createdAt,.lc--editedComment{margin-top:2px;font-size:var(--font-size-xs)}.lc--comment-value{margin-bottom:var(--spacing-xxxs)}.lc--comment-heart{cursor:pointer;width:fit-content;display:flex;align-items:center;gap:var(--spacing-xxxs)}.commentHeart{position:relative;isolation:isolate}.commentHeart:after{content:"";position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:175%;height:175%;background-color:var(--primary-color);border-radius:99px;transition:.15s ease;opacity:0}.commentHeart:hover:after{opacity:.1}.lc--comment-heart.liked span{color:var(--primary-color);font-weight:500}.lc--comment-heart.liked svg{fill:var(--primary-color)}.lc-comment--dropdown{margin-left:auto;flex-shrink:0}.editComment--form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.editComment--textarea textarea{resize:none;width:100%}.editComment--form-submit{display:flex;gap:var(--spacing-md)}.planner-page{display:flex;flex-direction:column;gap:var(--spacing-lg2)}.planner-page--current-year{font-weight:700;font-size:var(--font-size-xxl);margin-block:-.75rem}.week-selector{display:flex;gap:1.25rem;padding:.25rem}.week-box{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--spacing-xxxs);min-width:80px;border-radius:var(--border-radius);padding:.5rem;outline:1px solid var(--light-gray);outline-offset:2px;transition:.15s ease,outline-width 0s}.week-box:hover{outline-width:2px;outline-color:var(--medium-gray)}.week-box.selected{outline-width:3px;outline-color:var(--header-color)}.week-box.selected:hover{outline-color:var(--darkester-gray)}.week-box.currentWeek *{color:var(--primary-color)}.week-box span{line-height:1}.week-box--week{font-weight:600;font-size:var(--font-size-sm)}.week-box--date{font-weight:700;font-size:var(--font-size-lg)}.week-box--month{font-size:var(--font-size-sm)}.custom-badge{display:flex;justify-content:center;align-items:center;position:absolute;top:-.65rem;right:-.65rem;aspect-ratio:1/1;padding:.25rem;border-radius:99px;background-color:var(--nt-light-gray);color:var(--header-color);opacity:.95;min-height:20px;min-width:20px}.custom-badge.sm{min-height:16px;min-width:16px;font-size:var(--font-size-sm)}.custom-badge.xs{min-height:12px;min-width:12px;font-size:var(--font-size-xs)}.profile-page{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-page__user{display:flex;gap:var(--spacing-md);flex-direction:column;align-items:center}.profile-page__bio{max-width:400px;text-align:center}.login-wrapper{height:100%;background-color:var(--background-color)}@media (min-width: 900px){.login-wrapper{display:flex}}.login-background{background-image:url(/img/auth/login.png);background-position:75%;background-size:cover;height:100%;width:100%}@media (max-width: 900px){.login-background{display:none}}.login-page{display:flex;justify-content:center;padding:5rem;background-color:var(--background-color);width:100%;height:100%}.login-form{width:100%}.signin-or-register{position:absolute;top:0;right:0}@media (min-width: 900px){.login-page{align-items:center;max-width:900px}.login-form{max-width:450px}.signin-or-register{top:0}}.login-page .form-group{margin-bottom:var(--spacing-md)}.login-info-wrapper{position:relative}.login-title{font-weight:700;margin-bottom:var(--spacing-sm)}.login-desc{margin-bottom:var(--spacing-md)}.error-border{border-color:#e74c3c;box-shadow:5px 5px #e74c3c80}@media (max-width: 768px){.login-page{padding:1.75rem;width:100%}.login-title{font-size:2rem}.login-desc{font-size:1rem}.login-info-wrapper{padding-bottom:var(--spacing-lg)}}.sign-in-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-button{display:flex;height:fit-content;margin-bottom:2rem}@media (max-width: 768px){.home-button{margin-bottom:4.75rem}}.home-button>*{display:flex;align-items:center;width:fit-content;position:relative}.home-button *{color:var(--text-color)}.home-button:hover *{color:var(--text-color);opacity:.8}.email-style{font-size:1.375rem;font-weight:700;color:var(--primary-color)}.em-span{font-weight:700}.verify-email-page{padding-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.verify-email-page .submit-bar{display:flex;gap:var(--spacing-md)}.account-page{margin:auto;max-width:700px}.ap-header{margin-bottom:var(--spacing-lg)}.ap-settings h1{margin-bottom:var(--spacing-xl)}.ap-settings ul{display:flex;gap:var(--spacing-lg);border-bottom:1px solid var(--light-gray);padding-bottom:var(--spacing-xs)}@media (max-width: 768px){.ap-settings ul{overflow-x:scroll}}.ap-settings li{white-space:nowrap}.tab-link{color:var(--darkest-gray)}.tab-link:hover,.active .tab-link{color:var(--active-color)}.block-container{display:flex;flex-direction:column;gap:var(--spacing-md3)}.jk-block{width:100%;height:100%;padding:1rem 2rem;background-color:var(--block-bg);border-radius:var(--border-radius)}.block-link{padding:.675rem 1.275rem;cursor:pointer;position:relative;isolation:isolate;transition:.15s ease}.block-link:after{content:"";position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%;border-radius:inherit;background-color:var(--block-psuedo-bg);opacity:0;transform:scale(.95);transition:.25s ease}.block-link:hover:after{opacity:1;transform:scale(1)}.block-link:active{opacity:.9;transform:scale(.98)}.block-col{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.block-col--title{margin:0 0 var(--spacing-xxs) 1.275rem;font-weight:700;color:var(--text-color);font-size:var(--font-size-md)}.block-col--group{padding-block:.75rem;border-radius:var(--border-radius);background-color:var(--block-bg);display:flex;flex-direction:column}.block-row{display:flex;flex-direction:row;width:100%;gap:var(--spacing-xxs)}.icon-block{display:flex;align-items:center;gap:var(--spacing-sm)}.icon-block.vertical{flex-direction:column;align-items:center;gap:var(--spacing-xxxs)}.icon-block svg{stroke:var(--secondary-text-color)}.icon-block span{font-weight:600;color:var(--secondary-text-color)}.membership-plan-label{font-size:var(--font-size-sm)}.membership-current-plan{color:var(--medium-primary-color);font-size:var(--font-size-xxxl);line-height:.75;font-weight:700;margin-bottom:var(--spacing-xxs)}.membership-next-billing-date{color:var(--secondary-text-color)}.membership-next-billing-date span{font-weight:700;color:var(--secondary-text-color);font-size:var(--font-size-md)}.membership-current-billing-method{color:var(--secondary-text-color)}.membership-overview-logo.sharetaste-icon{fill:var(--medium-primary-color)}.dashboard-settings{display:flex;flex-direction:column;gap:.5rem}.dashboard-setting{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-block:var(--spacing-xs);max-height:67px}.setting-group{display:flex;flex-direction:column}.setting-title{color:var(--header-color)}.setting-label{font-size:var(--font-size-sm);color:var(--darkest-gray);opacity:.75}.setting-value{display:flex;align-items:center;gap:.375rem;max-width:260px;max-height:67px}.setting-text-overflow{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dashboard-setting:hover .setting-value{color:var(--header-color)}.setting-danger{color:var(--error-color)}.setting-divisor{border:1px solid var(--lightest-gray)}html,body{margin:0;padding:0;height:100%;font-family:var(--font-family-body)}body{overflow-y:hidden}*{max-width:100vw}@media (prefers-color-scheme: dark){html,body,*{color:var(--text-color)}}body.light,body.dark{background-color:var(--background-color)}#root{height:100%;display:flex;flex-direction:column}@media (min-width: 768px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#999;border-radius:99px}}*,*:before,*:after{box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}