.drawer-search{background-color:var(--color-milk);position:absolute;top:100%;left:0;width:100%;display:none}.drawer-search__input{padding:0;margin:1em 0;display:flex;gap:1em;position:relative;border-bottom:1px solid var(--color-black-coffee)}.drawer-search__input label{display:none}.drawer-search__input button{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer}.drawer-search__input button span{display:none}.drawer-search__input button.drawer-close{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;width:3em;height:3em;border-radius:50%}.drawer-search__input button.drawer-close:hover{background-color:var(--color-full-cream)}.drawer-search__input #clear-predictive{right:4em;background-color:transparent;border:none;text-decoration:underline;text-decoration-thickness:1px}.drawer-search__input input{border:none;font-size:2em;height:auto;min-height:auto;padding:1em 0;background-color:transparent;border-radius:0}@media (max-width:768px){.drawer-search__input input{font-size:1.35em}}@media (max-width:480px){.drawer-search__input input{width:300px}}.drawer-search .predictive-search{height:100%;max-height:100%;padding-bottom:2em}.drawer-search .predictive-search__results{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;grid-template-areas:'result result result' 'button button button';gap:2em}@media (max-width:1024px){.drawer-search .predictive-search__results{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:'result result' 'result result' 'button button'}}@media (max-width:768px){.drawer-search .predictive-search__results{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:'result' 'result' 'result' 'button'}}.drawer-search .predictive-search .no-results{margin:1em 0 0 0}.drawer-search .predictive-search__result--3{display:none}@media (max-width:1024px){.drawer-search .predictive-search__result--3{display:block}}@media (max-width:768px){.drawer-search .predictive-search__result--3{display:none}}.drawer-search .predictive-search__result--button{display:flex;justify-content:center;grid-area:button}.drawer-search #predictive-search{overflow-y:auto}.drawer-search-open .drawer-search{display:block}