*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%;font-style:italic}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}button{cursor:pointer}.button{display:flex;align-items:center;flex-shrink:0;gap:.5rem;border:none;background-color:var(--color-primary);padding:.5rem 1rem;border-radius:.5rem;margin-block-end:1rem;font-weight:500;color:var(--white);transition:all .2s ease;box-shadow:var(--shadow-small)}.button:hover{background-color:var(--color-primary-dark)}.button--remove{background-color:var(--color-danger)}.button--remove-small{background:none;padding:.25rem .5rem;color:var(--color-danger);display:inline-block;margin:0;box-shadow:none}.button--remove-small:hover{background:none}.button--secondary{background:var(--color-accent)}.button--secondary:hover{background:var(--color-accent-darker)}.button--disabled{opacity:.75;pointer-events:none;box-shadow:none}.ingredients__container{margin-block-end:2rem}.ingredients-form__button{width:50px;background-color:var(--color-primary);color:var(--white);border:none;font-size:1.5rem;display:flex;justify-content:center;align-items:center;line-height:1.5;position:absolute;top:0;right:0;bottom:0;transition:all .2s ease}.ingredients-form__button:hover{background-color:var(--color-primary-dark)}.ingredients-form__button svg{transform:translate(-.1rem)}.ingredients-form__group{display:flex;align-items:stretch;position:relative;overflow:clip;box-shadow:var(--shadow-small);border-radius:1.5rem;margin-block-end:1rem}.ingredients-form__input{border:none;outline:thin;padding:.75rem 4rem .75rem 1.5rem}.ingredients__list{margin-block-end:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none;padding-left:0}.ingredients__item{background-color:var(--white);padding:.25rem .75rem;border-radius:1rem;box-shadow:var(--shadow-small)}.ingredients-form__popular{display:flex;flex-wrap:wrap;gap:.35rem;margin-block-end:2rem}.ingredients-form__popular-button{background-color:var(--color-accent);border-radius:1rem;color:var(--white);border:none;padding:.25rem .75rem;transition:all .1s ease}.ingredients-form__popular-button:hover{background-color:var(--color-primary)}.ingredients-form__popular-button[disabled]{opacity:.5;pointer-events:none}.footer{text-align:center;padding:1rem}hr{max-width:80%;margin:1rem auto;opacity:.5}.generated-recipe__footer{margin-block-start:2rem;border-top:1px solid rgba(0,0,0,.1);padding-block-start:2rem;display:flex;align-items:center;gap:1rem}.loader{width:24px;aspect-ratio:4;--_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 100%;animation:load 1s infinite linear}@keyframes load{33%{background-size:calc(100%/3) 0%,calc(100%/3) 100%,calc(100%/3) 100%}50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%,calc(100%/3) 100%}66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%}}.get-recipe__box{background-color:var(--color-accent);color:var(--white);padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow);margin-block-end:2rem}.get-recipe__flex{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;row-gap:1rem;column-gap:2rem}.get-recipe__text{flex:70%;max-width:450px}.get-recipe__box p,.button{margin:0}@media print{body{padding:0!important;display:block!important;min-height:auto!important}header,.header__title,.ingredients-form,.ingredients__container,.get-recipe__box,.generated-recipe__title,.generated-recipe__footer,.ingredients-form__popular-container,.wrapper:before,.disclaimer,hr,footer{display:none!important}.wrapper{max-width:100%!important;box-shadow:none!important;border-radius:0!important;padding:1rem!important;margin-block-start:0!important}}.logo{width:50px;height:50px}.header{display:flex;align-items:center;gap:1rem;margin-block-end:2rem}.header__title{margin:0;line-height:1}.disclaimer{max-width:760px;margin:2rem auto;text-align:center;font-style:italic;padding-inline:1rem}:root{--color-primary: #81b29a;--color-primary-dark: #618875;--color-secondary: #f2cc8f;--color-accent: #3d405b;--color-accent-darker: #313349;--color-danger: #e07a5f;--color-success: #2a9d8f;--color-warning: #f1faee;--color-grey: #a1a1a1;--white: #fff;--black: #000;--shadow: 0 0 2rem rgba(0, 0, 0, .1);--shadow-small: 0 0 1rem rgba(0, 0, 0, .1)}body{background:linear-gradient(to left,#ece9e6,#fff);display:grid;place-content:center;min-height:100vh;min-width:100vw;font-family:Raleway,system-ui,sans-serif;min-width:300px;padding:clamp(1rem,4vw,4rem)}h1,h2,h3,h4,p,ul,ol{margin-block-end:1rem}.wrapper{margin-block-start:10%;background-color:#f8f8f8;padding:2rem 3rem;box-shadow:var(--shadow);max-width:800px;border-radius:.5rem;position:relative}.wrapper:before{content:url(data:image/png;base64,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);position:absolute;top:-4rem;left:-5rem;z-index:-1;transform:rotate(310deg) scale(.85);opacity:.75}label{visibility:hidden;height:0}label,input{display:block;width:100%}@media all and (max-width: 960px){.wrapper:before{display:none}}@media all and (max-width: 480px){body{padding:0}.wrapper{padding:2rem 1.5rem;box-shadow:none;border-radius:0;margin-block-start:0}}.color-danger{color:var(--color-danger);font-weight:500}