.recipes-filter{margin-block:calc(1.5*var(--regular-spacing));justify-content:space-between;align-items:center;display:flex}.form-select{--hidden:0;flex-flow:column wrap;width:80%;display:flex}.filters-group{display:flex}.filters{--radius:11px;--gap:1rem;background:var(--white-color);row-gap:var(--gap);border-radius:var(--radius);flex-direction:column;width:200px;height:120px;transition:height .15s ease-in-out;display:flex;overflow:hidden scroll}.filters:focus-within{height:fit-content}.labels{font-size:1.05rem;font-weight:var(--weight-bold);justify-content:space-between;align-items:center;padding:1rem;display:flex}.option{color:var(--black-color);padding:.5rem 1rem}.option:hover,.option:focus{background:var(--secondary-color);color:var(--white-color);cursor:pointer}.search-filter{--radius:4px;color:var(--black-color);font-size:1rem;font-weight:var(--weight-bold);border-radius:var(--radius);border:1px solid var(--grey-color);background-color:var(--white-color);margin-inline:1rem;padding:.6rem;display:block}.filters:focus{background-color:var(--secondary-color);color:var(--black-color);cursor:pointer}.filters:not(first-of-type),.filters:not(last-of-type){margin-right:1.5rem}.filters option{color:currentColor;font-size:1rem}.search-results{--gap:.45rem;row-gap:var(--gap);flex-direction:column;display:flex}.search-results>li,.search-results .option{color:var(--black-color);padding:.5rem 1rem}.search-results>li:hover,.search-results>li:focus,.search-results .option:hover,.search-results .option:focus{background:var(--secondary-color);color:var(--black-color);cursor:pointer}