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