@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}body{min-height:100vh;background:linear-gradient(to top right,white,white,#e6e6e6);color:#191001;font-size:clamp(1rem,.34vw + .91rem,1.19rem);font-weight:400;font-family:Georgia,Times New Roman,Times,serif;text-transform:capitalize;text-align:center}h1,h2,h3,h4,h5,h6,summary{font-family:Marcellus,serif}h1{font-size:clamp(2.44rem,2.38vw + 1.85rem,3.75rem);margin-bottom:.5rem}.form{position:relative;display:flex;flex-direction:column;isolation:isolate;min-height:31.25rem;padding:3rem 1.5rem 0;border-radius:.25rem;background-color:#fff;box-shadow:#3333331f 0 1px 3px,#1910013d 0 1px 2px;margin-bottom:2rem}.search-bar{--size: 3rem;position:relative;width:var(--size);height:var(--size);display:flex;border-radius:100vh;align-items:center;border-width:2px;border-style:solid;border-color:#ccc;overflow:hidden;padding:.25rem;margin-bottom:.5rem;transition:width .3s cubic-bezier(.18,.82,.33,1.1)}.search-bar input{width:calc(100% - var(--size));border:none;position:absolute;background-color:transparent;inset:0 auto 0 0;padding-left:.5rem;opacity:0;line-height:calc(var(--size) - .5rem)}.search-bar input:hover,.search-bar input:focus-visible{outline:none}.search-bar button{border:none;cursor:pointer;border-radius:50%;width:calc(var(--size) - .75rem);height:calc(var(--size) - .75rem);background-color:transparent;font-size:1.25em;color:#7aca25;margin-left:auto;transition:color .2s ease-in-out,background-color .3s ease-in-out;outline-color:#4b3102}.search-bar button:hover{background-color:#e6e6e6}.search-bar:focus-within{width:100%;border-color:#558d1a}.search-bar:focus-within input{opacity:1}.search-bar:focus-within button{background-color:#7aca25;color:#fff}.search-bar:focus-within button:hover{background-color:#477f0c}header{position:relative;width:100%;aspect-ratio:1.2;overflow:hidden;margin-bottom:2rem;box-shadow:0 0 10px #b3b3b3}@media screen and (min-width: 550px){header{aspect-ratio:3.2}}@media screen and (min-width: 1000px){header{aspect-ratio:8.0888888889}}picture img{position:absolute;inset:0;width:100%;height:100%;object-position:top;object-fit:cover;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:var(--animation-duration);animation-name:imagesFadeInOut}picture img[data-image=bottom]{animation-delay:calc(var(--animation-delay) * 2)}picture img[data-image=middle]{animation-delay:var(--animation-delay)}picture img[data-image=top]{animation-delay:0s}.attribution{margin-top:auto}@keyframes imagesFadeInOut{0%{opacity:1}30%{opacity:1}33%{opacity:0}97%{opacity:0}to{mask:linear-gradient(90deg,#000 25%,rgba(0,0,0,.9019607843) 50%,#000000) 0/400% no-repeat;opacity:1}}:root{--presentation-per-image: 10s;--cross-fade-duration: .8s;--number-of-images: 3;--animation-delay: calc( var(--presentation-per-image) + var(--cross-fade-duration) );--animation-duration: calc( calc(var(--presentation-per-image) + var(--cross-fade-duration)) * var(--number-of-images) )}.keyword-btn{background-color:#fdd183;border:none;padding:.25rem .5rem;cursor:pointer;text-transform:capitalize;line-height:1em;display:inline-flex;align-items:center;gap:.5rem;margin:.5rem;outline-color:#e19306}.keyword-btn:after{content:"\d7";font-weight:600;font-size:1.2em}.keyword-btn:hover,.keyword-btn:focus-visible{background-color:#fff6e6}.keyword-btn:hover:after,.keyword-btn:focus-visible:after{color:#e19306;font-weight:600;font-size:1.2em}.filter-group{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.2rem;row-gap:.5rem}.filter-item{display:flex;justify-content:center;align-items:center;height:2rem;min-width:5rem;margin:0;border-radius:100vw;padding:.75em .5em;isolation:isolate;background-color:#e6e6e6;user-select:none}.filter-item input{position:absolute;z-index:-1;opacity:0}.filter-item input:focus-visible+label{outline:2px solid #e19306;outline-offset:.5rem}.filter-item label{background-color:transparent;display:flex;align-items:center;border-radius:100vh;cursor:pointer}.filter-item label:before{content:"+";width:1.5em;height:1.5em;border:1px solid #cccccc;background-color:#fff;font-size:1em;line-height:0;border-radius:50%;margin-right:.5em;display:flex;justify-content:center;align-items:center}.filter-item input:checked+label:before{content:"\2713";background-color:#7aca25;color:#fff;font-weight:700}details{padding:.2rem .2rem .2rem .5rem;cursor:pointer;margin-bottom:.5rem;max-height:2.25rem;transition:all .25s ease-in-out;overflow:hidden;user-select:none}details summary{list-style:none;border-radius:.2rem;display:flex;outline-color:#7d5204;outline-offset:.2rem;border-bottom:1px solid #e6e6e6;text-align:left;font-size:clamp(1.25rem,.61vw + 1.1rem,1.58rem)}details summary:after{content:"+";margin-left:auto;margin-right:2rem;font-weight:700}details[open]{max-height:200vh}details[open] summary{padding-bottom:1em;margin-bottom:.75rem;color:#477f0c}details[open] summary:after{content:"\2212"}.card{box-shadow:#3333331f 0 1px 3px,#1910013d 0 1px 2px;padding:.5rem;flex-basis:300px;margin-inline:auto;max-height:fit-content}.card-thumbnail{width:18.75rem;height:18.75rem;object-fit:cover;margin-bottom:.5rem}.card .recipe-name{font-weight:600;min-height:2.5em}.card .recipe-info{display:flex;justify-content:space-evenly;margin-bottom:.5rem}.card details{position:relative}canvas-container{position:relative}.calorie-display{position:absolute;top:50%;left:50%;transform:translate(-50%,75%);font-size:clamp(1.56rem,1vw + 1.31rem,2.11rem);font-family:Marcellus,serif}.contains{color:#e19306;user-select:none}.contains:empty{display:none}.contains[data-label=caution]:before{content:"Contains: "}.contains[data-label=health]{color:#7aca25}ul{font-family:Marcellus,serif}ul li{border-bottom:1px solid rgba(25,16,1,.24);padding-block:.25rem}ul[data-list=nutrition] li{display:flex;justify-content:space-between}.link{text-decoration:none;background-color:#7aca25;color:#4b3102;padding:4px;border-radius:4px;margin-block:.5rem;display:block;box-shadow:#3333331f 0 1px 3px,#1910013d 0 1px 2px}.link:hover{background-color:#a6e067}.container{width:min(100% - 3rem,60rem);margin-inline:auto}.results-container{margin-bottom:2rem;width:100%;justify-content:space-between;display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:.75rem}.clr-neutral-100{color:#fff}.bg-neutral-100{background-color:#fff}.clr-neutral-200{color:#e6e6e6}.bg-neutral-200{background-color:#e6e6e6}.clr-neutral-300{color:#ccc}.bg-neutral-300{background-color:#ccc}.clr-neutral-400{color:#b3b3b3}.bg-neutral-400{background-color:#b3b3b3}.clr-neutral-500{color:#999}.bg-neutral-500{background-color:#999}.clr-neutral-600{color:gray}.bg-neutral-600{background-color:gray}.clr-neutral-700{color:#666}.bg-neutral-700{background-color:#666}.clr-neutral-800{color:#4c4c4c}.bg-neutral-800{background-color:#4c4c4c}.clr-neutral-900{color:#333}.bg-neutral-900{background-color:#333}.clr-primary-100{color:#fff6e6}.bg-primary-100{background-color:#fff6e6}.clr-primary-200{color:#fdd183}.bg-primary-200{background-color:#fdd183}.clr-primary-300{color:#fbb539}.bg-primary-300{background-color:#fbb539}.clr-primary-400{color:#faa307}.bg-primary-400{background-color:#faa307}.clr-primary-500{color:#e19306}.bg-primary-500{background-color:#e19306}.clr-primary-600{color:#af7205}.bg-primary-600{background-color:#af7205}.clr-primary-700{color:#7d5204}.bg-primary-700{background-color:#7d5204}.clr-primary-800{color:#4b3102}.bg-primary-800{background-color:#4b3102}.clr-primary-900{color:#191001}.bg-primary-900{background-color:#191001}.clr-accent-100{color:#e4f4d3}.bg-accent-100{background-color:#e4f4d3}.clr-accent-300{color:#a6e067}.bg-accent-300{background-color:#a6e067}.clr-accent-400{color:#7aca25}.bg-accent-400{background-color:#7aca25}.clr-accent-600{color:#558d1a}.bg-accent-600{background-color:#558d1a}.clr-accent-700{color:#477f0c}.bg-accent-700{background-color:#477f0c}.clr-accent-900{color:#253d0b}.bg-accent-900{background-color:#253d0b}.text-align-left{text-align:left}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.subtitle{margin-block:.5rem;font-style:italic}.margin-4{margin:.25rem}.margin-block-start-4{margin-block-start:.25rem}.margin-block-end-4{margin-block-end:.25rem}.margin-block-4{margin-block:.25rem}.margin-inline-start-4{margin-inline-start:.25rem}.margin-inline-end-4{margin-inline-end:.25rem}.margin-inline-4{margin-inline:.25rem}.padding-4{padding:.25rem}.padding-block-start-4{padding-block-start:.25rem}.padding-block-end-4{padding-block-end:.25rem}.padding-block-4{padding-block:.25rem}.padding-inline-start-4{padding-inline-start:.25rem}.padding-inline-end-4{padding-inline-end:.25rem}.padding-inline-4{padding-inline:.25rem}.margin-8{margin:.5rem}.margin-block-start-8{margin-block-start:.5rem}.margin-block-end-8{margin-block-end:.5rem}.margin-block-8{margin-block:.5rem}.margin-inline-start-8{margin-inline-start:.5rem}.margin-inline-end-8{margin-inline-end:.5rem}.margin-inline-8{margin-inline:.5rem}.padding-8{padding:.5rem}.padding-block-start-8{padding-block-start:.5rem}.padding-block-end-8{padding-block-end:.5rem}.padding-block-8{padding-block:.5rem}.padding-inline-start-8{padding-inline-start:.5rem}.padding-inline-end-8{padding-inline-end:.5rem}.padding-inline-8{padding-inline:.5rem}.margin-12{margin:.75rem}.margin-block-start-12{margin-block-start:.75rem}.margin-block-end-12{margin-block-end:.75rem}.margin-block-12{margin-block:.75rem}.margin-inline-start-12{margin-inline-start:.75rem}.margin-inline-end-12{margin-inline-end:.75rem}.margin-inline-12{margin-inline:.75rem}.padding-12{padding:.75rem}.padding-block-start-12{padding-block-start:.75rem}.padding-block-end-12{padding-block-end:.75rem}.padding-block-12{padding-block:.75rem}.padding-inline-start-12{padding-inline-start:.75rem}.padding-inline-end-12{padding-inline-end:.75rem}.padding-inline-12{padding-inline:.75rem}.margin-16{margin:1rem}.margin-block-start-16{margin-block-start:1rem}.margin-block-end-16{margin-block-end:1rem}.margin-block-16{margin-block:1rem}.margin-inline-start-16{margin-inline-start:1rem}.margin-inline-end-16{margin-inline-end:1rem}.margin-inline-16{margin-inline:1rem}.padding-16{padding:1rem}.padding-block-start-16{padding-block-start:1rem}.padding-block-end-16{padding-block-end:1rem}.padding-block-16{padding-block:1rem}.padding-inline-start-16{padding-inline-start:1rem}.padding-inline-end-16{padding-inline-end:1rem}.padding-inline-16{padding-inline:1rem}.margin-20{margin:1.25rem}.margin-block-start-20{margin-block-start:1.25rem}.margin-block-end-20{margin-block-end:1.25rem}.margin-block-20{margin-block:1.25rem}.margin-inline-start-20{margin-inline-start:1.25rem}.margin-inline-end-20{margin-inline-end:1.25rem}.margin-inline-20{margin-inline:1.25rem}.padding-20{padding:1.25rem}.padding-block-start-20{padding-block-start:1.25rem}.padding-block-end-20{padding-block-end:1.25rem}.padding-block-20{padding-block:1.25rem}.padding-inline-start-20{padding-inline-start:1.25rem}.padding-inline-end-20{padding-inline-end:1.25rem}.padding-inline-20{padding-inline:1.25rem}.margin-32{margin:2rem}.margin-block-start-32{margin-block-start:2rem}.margin-block-end-32{margin-block-end:2rem}.margin-block-32{margin-block:2rem}.margin-inline-start-32{margin-inline-start:2rem}.margin-inline-end-32{margin-inline-end:2rem}.margin-inline-32{margin-inline:2rem}.padding-32{padding:2rem}.padding-block-start-32{padding-block-start:2rem}.padding-block-end-32{padding-block-end:2rem}.padding-block-32{padding-block:2rem}.padding-inline-start-32{padding-inline-start:2rem}.padding-inline-end-32{padding-inline-end:2rem}.padding-inline-32{padding-inline:2rem}.margin-36{margin:2.25rem}.margin-block-start-36{margin-block-start:2.25rem}.margin-block-end-36{margin-block-end:2.25rem}.margin-block-36{margin-block:2.25rem}.margin-inline-start-36{margin-inline-start:2.25rem}.margin-inline-end-36{margin-inline-end:2.25rem}.margin-inline-36{margin-inline:2.25rem}.padding-36{padding:2.25rem}.padding-block-start-36{padding-block-start:2.25rem}.padding-block-end-36{padding-block-end:2.25rem}.padding-block-36{padding-block:2.25rem}.padding-inline-start-36{padding-inline-start:2.25rem}.padding-inline-end-36{padding-inline-end:2.25rem}.padding-inline-36{padding-inline:2.25rem}.margin-auto{margin:auto}.margin-block-start-auto{margin-block-start:auto}.margin-block-end-auto{margin-block-end:auto}.margin-block-auto{margin-block:auto}.margin-inline-start-auto{margin-inline-start:auto}.margin-inline-end-auto{margin-inline-end:auto}.margin-inline-auto{margin-inline:auto}.padding-auto{padding:auto}.padding-block-start-auto{padding-block-start:auto}.padding-block-end-auto{padding-block-end:auto}.padding-block-auto{padding-block:auto}.padding-inline-start-auto{padding-inline-start:auto}.padding-inline-end-auto{padding-inline-end:auto}.padding-inline-auto{padding-inline:auto}.display-block{display:block}.cursor-pointer{cursor:pointer}.fs-400{font-size:clamp(1rem,.34vw + .91rem,1.19rem)}.fs-500{font-size:clamp(1.25rem,.61vw + 1.1rem,1.58rem)}.fs-600{font-size:clamp(1.56rem,1vw + 1.31rem,2.11rem)}.fs-700{font-size:clamp(1.95rem,1.56vw + 1.56rem,2.81rem)}.fs-800{font-size:clamp(2.44rem,2.38vw + 1.85rem,3.75rem)}.fs-900{font-size:clamp(3.05rem,3.54vw + 2.17rem,5rem)}.fw-light{font-weight:200}.fw-regular{font-weight:400}.fw-semi-bold{font-weight:500}.fw-bold{font-weight:600}