.home-page{background-color:#faf1e6}.hero-section-component{background-color:#faf1e6;padding:20px 300px}.hero-section-component h1,.hero-section-component h2{margin:20px 0}@media (max-width:600px){.hero-section-component{padding:10px 5px}.hero-section-component h1{font-size:18px}.hero-section-component h2{font-size:15px}}@media (min-width:600px) and (max-width:720px){.hero-section-component{padding:20px 60px}.hero-section-component h1{margin:20px 0;font-size:20px}.hero-section-component h2{margin:20px 0;font-size:17px}}@media (min-width:720px) and (max-width:860px){.hero-section-component{padding:10px 60px}.hero-section-component h1{margin:20px 0;font-size:20px}.hero-section-component h2{margin:20px 0;font-size:17px}}@media (min-width:860px) and (max-width:1030px){.hero-section-component{padding:10px 80px}.hero-section-component h1{margin:20px 0;font-size:22px}.hero-section-component h2{margin:20px 0;font-size:18px}}@media (min-width:1030px) and (max-width:1340px){.hero-section-component{padding:10px 80px}.hero-section-component h1{margin:20px 0;font-size:24px}.hero-section-component h2{margin:20px 0;font-size:20px}}
.did-you-know-component{color:#fff2e2;background-color:#8b4513;border-radius:5px;margin:10px 300px;padding:30px 0}.did-you-know-component p{margin-top:30px}@media (max-width:600px){.did-you-know-component{margin:40px 30px;padding:20px 10px}.did-you-know-component h2{font-size:15px}.did-you-know-component p{margin-top:15px;font-size:10px}}@media (min-width:600px) and (max-width:720px){.did-you-know-component{margin:50px 60px;padding:20px 10px}.did-you-know-component h2{font-size:16px}.did-you-know-component p{margin-top:15px;font-size:13px}}@media (min-width:720px) and (max-width:860px){.did-you-know-component{margin:50px 60px;padding:20px 10px}.did-you-know-component h2{font-size:16px}.did-you-know-component p{margin-top:15px;font-size:13px}}@media (min-width:860px) and (max-width:1030px){.did-you-know-component{margin:50px 80px;padding:20px 10px}.did-you-know-component h2{font-size:16px}.did-you-know-component p{margin-top:15px;font-size:13px}}@media (min-width:1030px) and (max-width:1340px){.did-you-know-component{margin:50px 80px;padding:20px 10px}.did-you-know-component p{margin-top:15px}}
.recipe-generator-component{background-color:#c9a66b76;border-radius:5px;margin:0 300px 20px;padding:80px 130px;position:relative}.swipe-background-container:after{content:"";z-index:1;background-color:#00000080;position:absolute;inset:0}.swipe-background-container{z-index:0;border-radius:5px;position:absolute;inset:0;overflow:hidden}.swipe-track{height:100%;animation:200s linear infinite swipe;display:flex}.swipe-image{object-fit:cover;border-radius:3px;flex-shrink:0;width:auto;height:100%}@keyframes swipe{0%{transform:translate(0)}to{transform:translate(-500%)}}.ingredients-section{z-index:2;background-color:#c9a66b;border-radius:5px;padding:50px 0;position:relative}.ingredients-input{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.ingredients-input input{border:none;border-radius:10px 0 0 10px;width:400px;height:40px;padding:0 0 0 10px;transition:all .5s ease-in-out}.ingredients-input input::placeholder{transition:all .5s ease-in-out}.add-ingredient-btn{background-color:#faf1e6;border:1px solid #8b4513;border-radius:0 10px 10px 0;width:80px;height:40px}.add-ingredient-btn:hover{background-color:#ffefd3;transition:all .4s ease-in}.filters-dropdown{width:120px;margin-left:20px}.filters-btn{cursor:pointer;color:#8b4513;background-color:#f5ffac;border:none;border-radius:5px;flex-direction:row;align-items:center;gap:6px;width:50px;height:40px;margin-left:30px;padding:8px 10px;font-weight:500;display:flex}.filters-btn:hover{background-color:#f9ffcf;transition:all .4s ease-in}.tip-popover{margin-top:15px;font-size:14px}.ingredients-filters-list{flex-wrap:wrap;margin:0 80px;display:flex}.ingredients-list,.filters-list{padding:0;display:contents}.ingredients-list li,.filters-list li{background-color:#faf1e6;border:none;border-radius:10px;width:fit-content;margin:10px;padding:5px 10px;font-size:13px;list-style-type:none}.ingredients-list li{background-color:#faf1e6}.filters-list li{background-color:#e6f7f1}.ingredients-list li button,.filters-list li button{border:none;margin-left:20px;padding:1px 10px}.select-field{appearance:none;color:#8b4513;background:#e6f7f1 url("data:image/svg+xml;utf8,<svg fill='%238B4513' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 10px center/15px no-repeat;border:1px solid #8b4513;border-radius:6px;width:100%;padding:8px 40px 8px 12px;font-size:14px}.select-field option{color:#8b4513;background-color:#fff}.gen-recipe-btns-desktop button{border-radius:20px;margin:30px 30px 0}.gen-recipe-btns-mobile{display:none}.generate-recipe-btn{color:#fff;background-color:#8b4513;border:none;padding:10px 40px}.generate-recipe-btn:hover{background-color:#a05017;transition:all .4s ease-in}.feeling-adventurous-btn{background-color:#d9d9d9;border:1px solid #8b4513;padding:10px 20px}.feeling-adventurous-btn:hover{background-color:#faf1e6;transition:all .4s ease-in}.to-image-detection-btn{background-color:#c3cca7;border:none;padding:10px 20px}.to-image-detection-btn:hover{background-color:#b3bd97;transition:all .4s ease-in}.dots:after{content:"...";font-size:14px;animation:1.5s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 #0000,.5em 0 #0000}40%{color:#000;text-shadow:.25em 0 #0000,.5em 0 #0000}60%{text-shadow:.25em 0 #000,.5em 0 #0000}80%,to{text-shadow:.25em 0 #000,.5em 0 #000}}@media (max-width:600px){.recipe-generator-component{margin:0 5px;padding:40px 45px}.swipe-track{animation:150s linear infinite swipe}@keyframes swipe{0%{transform:translate(0)}to{transform:translate(-900%)}}.ingredients-section{padding:20px 5px}.ingredients-input input{border-radius:5px 0 0 5px;width:160px;height:30px;padding:0 0 0 5px;font-size:10px}.tip-popover{font-size:10px}.gen-recipe-btns-desktop{display:none}.gen-recipe-btns-mobile{display:block}.gen-recipe-btns-tier-2{text-align:center;flex-direction:row;place-content:center;display:flex}.gen-recipe-btns-mobile button{border-radius:15px;margin:10px 10px 0;padding:10px 30px;font-size:10px}.gen-recipe-btns-tier-2 button{margin:20px 0 0;padding:10px;font-size:10px}.gen-recipe-btns-mobile .feeling-adventurous-btn{margin-left:15px}.add-ingredient-btn{border-radius:0 5px 5px 0;width:60px;height:30px;font-size:10px}.filters-btn{width:40px;height:30px;margin-left:20px}.filters-dropdown{width:80px;margin-left:10px}.select-field{background:#e6f7f1 url("data:image/svg+xml;utf8,<svg fill='%238B4513' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 5px center/15px no-repeat;border-radius:5px;padding:8px 20px 8px 10px;font-size:10px}.ingredients-filters-list{margin:0}.ingredients-list{margin:10px 10px 0}.ingredients-list li,.filters-list li{border-radius:5px;margin:10px 5px;padding:2px 5px;font-size:11px}.ingredients-list li button,.filters-list li button{margin-left:10px;padding:1px 5px;font-size:10px}.generate-recipe-btn button{font-size:100px}}@media (min-width:600px) and (max-width:720px){.recipe-generator-component{margin:10px 60px;padding:50px 70px}.ingredients-section{padding:40px 5px}.ingredients-input input{border-radius:5px 0 0 5px;width:200px;height:35px;padding:0 0 0 10px;font-size:12px}.add-ingredient-btn{border-radius:0 10px 10px 0;width:70px;height:35px;font-size:10px}.filters-btn{width:40px;height:30px;margin-left:20px}.filters-dropdown{width:80px;margin-left:10px}.select-field{background:#e6f7f1 url("data:image/svg+xml;utf8,<svg fill='%238B4513' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 5px center/15px no-repeat;border-radius:10px;padding:8px 20px 8px 10px;font-size:12px}.ingredients-filters-list{margin:0 10px}.ingredients-list{margin:10px 10px 0}.ingredients-list li,.filters-list li{border-radius:7px;margin:10px 7px;padding:3px 7px;font-size:12px}.ingredients-list li button,.filters-list li button{margin-left:10px;padding:1px 5px}.tip-popover{font-size:11px}.gen-recipe-btns-desktop{display:none}.gen-recipe-btns-mobile{display:block}.gen-recipe-btns-tier-2{text-align:center;flex-direction:row;place-content:center;display:flex}.gen-recipe-btns-mobile button{border-radius:15px;margin:20px 15px 0;padding:10px 30px;font-size:12px}.gen-recipe-btns-tier-2 button{margin:20px 10px 0;padding:10px;font-size:12px}}@media (min-width:720px) and (max-width:860px){.recipe-generator-component{margin:0 60px;padding:50px 100px}.ingredients-section{padding:40px 10px}.ingredients-input input{border-radius:5px 0 0 5px;width:250px;height:35px;padding:0 0 0 10px;font-size:13px}.add-ingredient-btn{border-radius:0 8px 8px 0;width:80px;height:35px}.filters-btn{width:40px;height:30px;margin-left:20px}.ingredients-filters-list{margin:0 10px}.ingredients-list{margin:10px 20px 0}.ingredients-list li,.filters-list li{border-radius:6px;margin:10px;padding:5px;font-size:13px}.ingredients-list li button,.filters-list li button{margin-left:10px;padding:1px 10px}.filters-dropdown{width:100px;margin-left:10px}.select-field{background:#e6f7f1 url("data:image/svg+xml;utf8,<svg fill='%238B4513' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 5px center/15px no-repeat;border-radius:5px;padding:8px 20px 8px 10px;font-size:13px}.gen-recipe-btns-desktop{display:none}.gen-recipe-btns-mobile{display:block}.gen-recipe-btns-tier-2{text-align:center;flex-direction:row;place-content:center;display:flex}.gen-recipe-btns-mobile button{border-radius:15px;margin:20px 15px 0;padding:10px 40px;font-size:12px}.gen-recipe-btns-tier-2 button{margin:20px 10px 0;padding:10px 20px;font-size:12px}}@media (min-width:860px) and (max-width:1030px){.recipe-generator-component{margin:0 80px;padding:80px 100px}.ingredients-section{padding:50px 10px}.ingredients-input input{border-radius:5px 0 0 5px;width:280px;height:40px;padding:0 0 0 10px;font-size:14px}.add-ingredient-btn{border-radius:0 10px 10px 0;width:80px;height:40px}.filters-btn{width:40px;height:30px;margin-left:20px}.ingredients-filters-list{margin:0 30px}.ingredients-list{margin:10px 20px 0}.ingredients-list li,.filters-list li{margin:10px;padding:7px;font-size:13px}.ingredients-list li button,.filters-list li button{margin-left:15px;padding:1px 10px}.filters-dropdown{width:110px;margin-left:10px}.select-field{background:#e6f7f1 url("data:image/svg+xml;utf8,<svg fill='%238B4513' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 5px center/15px no-repeat;padding:8px 20px 8px 10px;font-size:13px}.gen-recipe-btns-desktop{display:none}.gen-recipe-btns-mobile{display:block}.gen-recipe-btns-tier-2{text-align:center;flex-direction:row;place-content:center;display:flex}.gen-recipe-btns-mobile button{border-radius:15px;margin:20px 15px 0;padding:10px 50px;font-size:13px}.gen-recipe-btns-tier-2 button{margin:20px 10px 0;padding:10px 25px;font-size:12px}}@media (min-width:1030px) and (max-width:1340px){.recipe-generator-component{margin:10px 80px;padding:80px 150px}.ingredients-section{padding:50px 0}.ingredients-input input{border-radius:10px 0 0 10px;width:350px;height:39px;padding:0 0 0 10px;font-size:14px}.add-ingredient-btn{border-radius:0 10px 10px 0;width:100px;height:40px}.filters-btn{width:40px;height:30px;margin-left:20px}.ingredients-list{margin:10px 20px 0}.filters-dropdown{width:110px;margin-left:10px}.select-field{background:#e6f7f1 url("data:image/svg+xml;utf8,<svg fill='%238B4513' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 5px center/15px no-repeat;padding:8px 20px 8px 10px}.ingredients-list li,.filters-list li{margin:10px;padding:7px;font-size:13px}.ingredients-list li button,.filters-list li button{margin-left:15px;padding:1px 10px}.gen-recipe-btns-desktop{display:none}.gen-recipe-btns-mobile{display:block}.gen-recipe-btns-tier-2{text-align:center;flex-direction:row;place-content:center;display:flex}.gen-recipe-btns-mobile button{border-radius:15px;margin:20px 15px 0;padding:10px 50px}.gen-recipe-btns-tier-2 button{margin:20px 10px 0;padding:10px 25px}}