.floating-footer.svelte-11qlmsb{position:fixed;bottom:0;width:100%;z-index:20;pointer-events:none;transition:transform .5s ease,opacity .4s ease}.hidden.svelte-11qlmsb{transform:translateY(100%);opacity:0}section.svelte-e9lt2c{max-width:1500px;margin:auto;display:flex;flex-direction:column;min-height:calc(100dvh - 200px);max-width:1200px;padding:var(--recipieGap);justify-content:center;gap:3rem}.searchSection.svelte-e9lt2c{height:calc(100dvh - 275px);display:flex;gap:.5rem;flex-direction:column;justify-content:center}.sun.svelte-e9lt2c{display:flex;justify-content:flex-end}.searchField.svelte-e9lt2c{display:flex;gap:1rem}.searchBar.svelte-e9lt2c{width:100%;padding:1rem;-webkit-appearance:none;border:var(--linecolorlight);border-radius:var(--radius);font-size:clamp(1.05rem,1.5vw,1.2rem);font-family:var(--basefont)}.goToIngredientsButton.svelte-e9lt2c{width:100%;display:flex;justify-content:center;padding:1rem 0}@media screen and (max-width: 700px){.searchField.svelte-e9lt2c{flex-direction:column;gap:.5rem}}@media screen and (min-width: 701px){.searchBar.svelte-e9lt2c{flex:1}.goToIngredientsButton.svelte-e9lt2c{width:18rem}}.subAndNav.svelte-e9lt2c{display:flex;justify-content:space-between;align-items:center}.cardContainer.svelte-e9lt2c{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(150px + 5%),2fr));gap:var(--recipieGap);grid-column:1 / 4;padding-top:.5rem}.dinnerIdeasContainer.svelte-e9lt2c{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem}.card.svelte-e9lt2c{background-color:var(--cardBackground);text-align:center;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;flex:1 1 100%;height:100%;width:clamp(200px,40vw,300px)}.card.svelte-e9lt2c img:where(.svelte-e9lt2c){height:clamp(200px,40vw,20rem);object-fit:cover}.info.svelte-e9lt2c{display:flex;flex-direction:column;padding:var(--recipieGap);gap:var(--recipieGap);flex-grow:1;justify-content:center}.slider-btn-heading.svelte-e9lt2c{color:#fff;border:none;cursor:pointer;padding:.2rem .4rem}.slider-btn-heading.svelte-e9lt2c:hover{background-color:#8ba0b4b3}.rotateArrow.svelte-e9lt2c{transform:rotateY(180deg)}.heroImage.svelte-e9lt2c{width:100%;height:auto}