@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap");body{margin:0;padding:0;background:#fafafa;color:#111;font-size:100%;font-family:Roboto,Oxygen,Helvetica Neue,sans-serif}h1{font-family:Poppins,sans-serif;text-align:center;font-size:1.25rem;line-height:1.5rem;margin:0 0 1rem}h1 span{color:#5db596}h2{text-align:center;margin:0 0 1.25rem;font-size:1.25rem}a{color:#316b57}button{border:none;outline:none;background:#bbe0d3;color:#000;border-radius:.3125rem;padding:.625rem;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .3s;text-decoration:none;position:relative}button:disabled{opacity:50%;background-color:#e3f2ed;color:#bbe0d3}button a{color:#000;text-decoration:none}button.icon.save:before{content:url(/images/icon-save.svg)}button.icon.unsave:before{content:url(/images/icon-saved.svg)}button.icon.plus:before{content:url(/images/icon-plus.svg)}button.icon.restart:before{content:url(/images/icon-restart.svg)}.wrap{display:flex;flex-direction:column;min-height:100vh}.wrap-inner{flex:1 1}.app{max-width:47.5rem;padding:2.5rem 1.25rem;margin:0 auto}@media (max-width:600px){.app{padding:2rem 1.25rem}}.actions{display:flex;justify-content:center;margin-top:2.5rem;column-gap:1rem}.actions button{font-size:1.2rem;padding:1rem 2.5rem}.actions ol{text-align:left;margin:0;-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.actions li{padding-bottom:1rem;font-size:1.125rem}.actions em{color:#aaa}.actions button.icon{padding:.8rem .8rem .8rem 2.5rem}.actions button.icon:before{left:1rem;position:absolute;width:1rem;top:52%;transform:translateY(-50%);opacity:.8}@media (max-width:600px){.actions button.icon{padding:1rem}.actions button.icon:before{display:none}}.logo a{font-family:Poppins,sans-serif;text-decoration:none;color:#333}.global-nav{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 0 0 1.25rem;border-bottom:1px solid #eee;box-shadow:0 0 2px 0 rgba(0,0,0,.1)}.global-nav nav{font-size:.875rem}.global-nav nav ul{list-style-type:none;margin:0;padding:0;display:flex}.global-nav nav .menu-flyout{display:none;cursor:pointer;color:#444;padding:1rem;position:relative}.global-nav nav .menu-flyout:before{content:"\2630";position:absolute;top:45%;transform:translateY(-50%);left:-.625rem;font-size:1.5rem}.global-nav nav ul li{border-left:1px solid #eee}.global-nav nav a{display:block;color:#444;padding:1rem;text-decoration:none;transition:background-color .3s}.global-nav nav a:hover{background:#e3f2ed}@media screen and (max-width:600px){.global-nav nav .menu-flyout{display:block}.global-nav nav ul{display:none}.global-nav nav ul.active{position:absolute;left:0;right:0;display:flex;flex-direction:column;width:100%;background:#fff;text-align:center;border-bottom:1px solid #eee;box-shadow:1px 0 2px 0 rgba(0,0,0,.1)}}.global-footer{text-align:center;background-color:#eee;padding:.875rem;font-size:.875rem}.global-footer ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;column-gap:.875rem}.loading{margin-bottom:2.5rem}.loading-animation{display:flex;margin:auto;width:2rem;--timer-color:#5db596;--animation-duration:1.5s}.loading p{margin:.5rem 0 0;padding:0;text-align:center;font-size:1rem;color:#aaa}.auto-suggest{margin:0;padding:0;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #999;z-index:100;display:none}.auto-suggest li{padding:.325rem .625rem;list-style:none;cursor:pointer}.auto-suggest li.highlighted{background:#e3f2ed}.pick-list .loading-indicator{position:absolute;top:50%;transform:translateY(-50%);right:1rem;color:#5db596;font-weight:700;font-size:.875rem}.kick-off{max-width:35rem;margin:0 auto}.options{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1.25em;column-gap:1.25em}.options a{text-decoration:none}.option{margin:1rem 0 0;text-align:center}.option label{cursor:pointer}.option label img{border-radius:.625rem;background:#e3f2ed;transition:background-color .3s;border:2px solid #e3f2ed}.option input:checked+label>img{background-color:#bbe0d3;border:2px solid #095a41}.option p{margin-bottom:0;font-weight:500;font-size:1rem;padding:0 .5rem}.options span{font-weight:700;display:inline-block;font-size:1.125rem;padding:.5rem 1rem 1rem}@media (max-width:600px){.options{grid-template-columns:repeat(1,1fr)}.option label{display:flex;justify-content:flex-start;align-items:center;column-gap:.5rem;background:#e3f2ed;border-radius:.625rem;border:1px solid #e3f2ed}.option input:checked+label{background-color:#bbe0d3;border:1px solid #095a41}.option label img{height:6.25rem;width:6.25rem;background:transparent;border:none}.option input:checked+label>img{border:none}.option label p{text-align:left;font-size:1.125rem;margin:0;padding:0 1.25rem 0 0}}.pick-list{max-width:35rem;margin:0 auto}.pick-list header{text-align:center;margin-bottom:1.5rem}.pick-list header h1{margin:0}.pick-list header p{color:#999;font-size:1rem;margin:.375rem 0 0}.pick-list form{background:#fff;border-radius:.625rem;border:1px solid #999;padding:0;position:relative;margin-bottom:.625rem}.pick-list input[type=text]{border:none;background:none;outline:none;color:#000;font-size:1rem;width:100%;box-sizing:border-box;padding:1rem}.pick-list .selected-items{display:flex;column-gap:.625rem;flex-wrap:wrap}.pick-list .item{margin:.625rem 0 0}.pick-list .item input{display:none}.pick-list .item label{background:#e3f2ed;color:#000;display:block;border-radius:.3125rem;padding:1rem 1.25rem;cursor:pointer;font-weight:700}.pick-list .item label:after{content:"x";color:#000;display:inline-block;margin-left:.625rem;opacity:.5;font-size:1.125rem}.search{max-width:35rem;margin:0 auto .625rem}.search h2{font-family:Poppins,sans-serif}.search form{background:#fff;border-radius:.625rem;border:1px solid #999;padding:.625rem;display:flex;justify-content:space-between}.search input[type=text]{border:none;background:none;outline:none;color:#000;font-size:1rem;margin:0 .625rem 0 .3125rem;flex-grow:2}.search input::placeholder{color:#777}.search form.readonly{background:#eaeaea;border-color:#ccc;transition:all .3s}.search form.readonly input{color:#777;cursor:auto}.search form.readonly button{cursor:auto}.reply{border-top:.0625rem dashed #ddd;padding:2.5rem 0}.app .reply:first-child{padding-top:0;border-top:none}.questions{max-width:35rem;margin:0 auto}.question{margin-bottom:2.5rem}.question h3{font-family:Poppins,sans-serif;text-align:center;margin-bottom:1.25rem;line-height:1.75rem}.answer{background:#eee;transition:background-color .3s;border-radius:.3125rem}.answer:hover{background:#e3f2ed}.answer:has(input[type=checkbox]:checked),.answer:has(input[type=radio]:checked){background-color:#bbe0d3;transition:background-color .3s ease}.answer input{display:none}.answer p{margin:0}.answer label{display:flex;flex-direction:column;justify-content:center;flex-grow:1;border-radius:.3125rem;padding:1rem 1.25rem;cursor:pointer}.answer-text{color:#000;font-weight:700}.answer-subtext{font-size:.9375rem;color:#111;margin-top:.5rem;font-style:italic}.question.list .answer{margin:1rem 0}.question.grid h2{margin-bottom:2rem}.question.grid .answers{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.125rem;gap:1.125rem;text-align:center}.question.grid .answer{display:flex;flex-direction:column;justify-content:center;background:#e3f2ed;border:2px solid #e3f2ed}.question.grid .answer label{padding:1.75rem 1.25rem}.question.grid .answer .answer-text{font-size:1.125rem}.question.grid .answer .answer-subtext{font-size:.9375rem}.question.grid .answer:has(input[type=checkbox]:checked),.question.grid .answer:has(input[type=radio]:checked){border:2px solid #095a41}.questions.readonly .answer label{cursor:auto}.questions.readonly .answer input[type=checkbox]:not(:checked)+label .answer-subtext,.questions.readonly .answer input[type=checkbox]:not(:checked)+label .answer-text,.questions.readonly .answer input[type=radio]:not(:checked)+label .answer-subtext,.questions.readonly .answer input[type=radio]:not(:checked)+label .answer-text{color:#ccc}.questions.readonly .question.grid .answer:has(input[type=checkbox]:not(:checked)),.questions.readonly .question.grid .answer:has(input[type=radio]:not(:checked)){background:#f5f5f5;border:2px solid #eaeaea}.cross-out{max-width:35rem;margin:0 auto}.cross-out .items{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1.25em;column-gap:1.25em}.cross-out .item{margin:.625rem 0}.cross-out .item input{display:none}.cross-out .item label{background:#bbe0d3;color:#000;display:block;border-radius:.3125rem;padding:1rem 1.25rem;cursor:pointer;transition:background-color .3s;font-weight:700}.cross-out .item input:checked+label{background:#ddd;color:#ccc;text-decoration:line-through;font-weight:400}.rationale{max-width:30rem;position:relative;margin:0 auto 2.5rem;font-size:1.125em;padding:1rem 1.25rem;background:#f0f8f6;border:1px dashed #ccc;border-radius:.3125rem}.rationale:before{position:absolute;top:-.75em;left:-.75em;content:url(/images/icon-message.svg);width:1.5em;height:1.5em}.recipe{max-width:47.5rem;margin:0 auto}.recipe-header{max-width:35rem;margin:auto}.recipe-title{margin:0 auto 2rem;font-size:2.5rem;line-height:3rem}.recipe-description{margin:0 auto 2rem;font-size:1.125rem;color:#777;padding:0 1rem}.recipe-source{margin:0 auto;font-size:.875rem;color:#777;padding:0 1rem;text-align:center}.recipe-source a{display:inline-block;text-decoration:none;padding:.25rem .325rem;margin-left:.25rem;border-radius:.25rem;font-weight:700}.recipe-source a.allrecipes{background:#d54216;color:#fff}.recipe-source a.seriouseats{background:#25b7c4;color:#fff}.recipe-source a.foodnetwork{background:#d8212c;color:#fff}.recipe-source a.unknown{background:#444;color:#fff}.recipe-stats{display:flex;flex-wrap:wrap;position:relative;margin:2.5rem 0 1.5rem}.recipe-stats:before{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);content:url(/images/icon-timer.svg);background:#fafafa;width:1.75em;height:2em;padding:0 1em}.recipe-stats div{padding:1.5rem 2rem 1rem;flex:1 1;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;text-transform:uppercase;font-size:.875rem;color:#888}.recipe-stats span{display:block;font-weight:700;font-size:1.125rem;text-transform:none;color:#111}@media (max-width:600px){.recipe-stats div{flex-basis:25%}}.recipe-details{display:flex;flex-wrap:wrap}.recipe-details h2{font-family:Poppins,sans-serif;color:#888;margin:0;font-size:1.25rem}.recipe-details .recipe-ingredients,.recipe-details .recipe-instructions{padding:.5rem 1rem 0;flex:1 1}.recipe-details ol,.recipe-details ul{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem;margin-bottom:0}.recipe-details li{padding:.325rem 0;font-size:1.125rem}@media (max-width:600px){.recipe-details .recipe-ingredients,.recipe-details .recipe-instructions{flex-basis:51%}}.recipe-ideas{margin-top:2.5rem;padding:2rem 2rem 0;border-top:1px solid #eee;position:relative}.recipe-ideas:before{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);content:url(/images/icon-ideas.svg);background:#fafafa;width:1.75em;height:2em;padding:0 1em}.recipe-ideas footer,.recipe-ideas header{text-align:center;max-width:35rem;margin:auto;color:#777}.recipe-ideas header{margin-bottom:2rem}.recipe-ideas footer{margin-top:2rem}.recipe-ideas section{margin-top:1.5rem}.recipe-ideas h2{text-transform:uppercase;font-size:1rem;color:#222;font-weight:400;margin-bottom:1rem}.recipe-ideas h3{font-family:Poppins,sans-serif;color:#222;margin:0;font-size:1.25rem}.recipe-ideas ul{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem;margin:.5rem 0 0}.recipe-ideas li{padding:.325rem 0;font-size:1.125rem}.recipe-preview-wrap{display:flex}.recipe-preview{background-color:#e3f2ed;border-radius:10px;max-width:21.875rem;text-align:center;display:inline-block;margin:3.75rem auto 0}.recipe-preview a{display:block;text-decoration:none;color:inherit}.recipe-preview .circle-image{width:150px;height:150px;border-radius:50%;margin:-75px auto 0;border:5px solid #bbe0d3}.recipe-card{padding:.625rem 1.25rem}.recipe-card h2{margin:10px 0;color:#333}.recipe-card p{margin:10px 0;color:#666}.recipe-card .recipe-stats{margin:0}.recipe-card .recipe-stats:before{display:none}.recipe-card .recipe-stats div{padding:1rem 0;border-top:none;border-bottom:none}.recipe-source.preview{margin:1.5rem 0 1.25rem}.text{max-width:35rem;margin:0 auto;text-align:center}.text textarea{font-size:1.125rem;height:9.375rem;resize:none}.text input[type=text],.text textarea{background:#fff;border-radius:.625rem;padding:1rem;color:#111;width:100%;box-sizing:border-box;border:1px solid #999;outline:none;font-family:inherit}.text input[type=text]{font-size:1rem}.no-soup{max-width:35rem;margin:0 auto;text-align:center}.no-soup h2{font-size:1.5rem}.success{max-width:35rem;margin:0 auto;text-align:center}.success h2{font-size:1.5rem}.error{max-width:35rem;margin:0 auto 2.5rem;text-align:center;font-size:1.25rem;font-family:Poppins,sans-serif}.error p{margin:.25rem 0}.debug{max-width:34rem;display:flex;flex-wrap:wrap;margin:-2.5rem auto 2.5rem}.debug div{padding:1rem 2rem;flex:1 1;background:#000;font-size:.75em;text-align:center}.debug span{display:block;font-weight:700;margin-bottom:.25em}.circle-image{border-radius:50%;max-width:15.625rem;border:.375rem solid #fff;box-sizing:border-box;display:block;margin:auto auto 1.5rem}.option .circle-image{margin-bottom:0;border-color:#e3f2ed}.ingredient{max-width:47.5rem;margin:0 auto 2.5rem}.ingredient h1,.ingredient h2{text-align:center}.ingredient h1{margin:0 auto 2rem;font-size:2.5rem;line-height:3rem}@media (max-width:600px){.ingredient h1{font-size:1.75rem;line-height:2.25rem}}.ingredient h2{font-family:Poppins,sans-serif;margin:1.5rem auto;padding:2rem 1rem 0;font-size:1.5rem;border-top:1px solid #eee;color:#78c1a7}@media (max-width:600px){.ingredient h2{font-size:1.25rem;line-height:1.75rem}}.ingredient p{font-size:1.125rem;line-height:1.75rem}.ingredient h3,.ingredient p{padding:0 1rem}.page-type{font-family:Poppins,sans-serif;text-align:center;text-transform:uppercase;color:#78c1a7}.likes{border-bottom:1px solid #eee}.likes div{display:flex;padding:1.25rem 2rem}.likes h2,.likes p{flex:1 1;margin:0;padding:0 1rem}.likes h2{text-align:left;font-size:1.125rem}.likes span button{font-size:.75rem;color:#fff;background-color:#c4254f}.likes .actions{margin-top:0}.likes .actions button{padding:.5rem 1rem;background-color:#333;color:#ccc}.page{max-width:47.5rem;margin:0 auto}.page-footer,.page-header{text-align:center;padding-bottom:1.25rem}.page-footer p,.page-header p{color:#777;max-width:34rem;margin:1rem auto}.page-header.ab-test p{color:#333;font-size:1.25rem}.page-header p span{color:#5db596;font-weight:700}.hidden{display:none}