.search-area{display:flex;flex-direction:column;justify-content:center;position:relative}.search-area>span{position:relative}.search-area>span:first-of-type:after{content:"search";color:var(--theme);font-family:MaterialRound,sans-serif;font-size:larger;position:absolute;right:.75em;top:.75em}.search-area input[type=search]:focus{box-shadow:0 4px 15px #00000040}.search-results{background-color:var(--white);border-radius:var(--r-medium);box-shadow:0 4px 15px #00000040;display:flex;flex-direction:column;gap:.65rem;justify-content:center;margin:0;min-height:50px;min-width:400px;padding:.5rem;position:absolute;left:50%;transform:translate3d(-50%,0,0);top:110%;z-index:3}.search-results li a{align-items:center;border-radius:var(--r-small);cursor:pointer;display:flex;gap:.5rem;padding:1rem;transition:background .5s ease}.search-results li a div:first-of-type{height:75px;width:75px;background-color:var(--spacer);border-radius:var(--r-small)}.search-results li a div:first-of-type img{border-radius:var(--r-small);height:100%;object-fit:cover;width:100%}.search-results li a span{color:var(--black);font-weight:500}.search-results li a span span{color:var(--border);display:block;font-size:.75rem;font-weight:400;text-transform:capitalize}.search-results li a:hover{background:var(--lightgrey)}.search-results li[data-type=category] a>div:first-of-type{background-color:var(--lightgrey)}.search-results li[data-type=category] a>div:first-of-type:after{color:var(--sucess);content:"sell";display:block;font-family:MaterialRound,sans-serif;font-size:2rem;font-weight:700;padding:1.2rem;text-align:center}.search-results li[data-type=tag] a>div:first-of-type{background-color:var(--lightgrey)}.search-results li[data-type=tag] a>div:first-of-type:after{color:var(--theme);content:"sell";display:block;font-family:MaterialRound,sans-serif;font-size:2rem;font-weight:700;padding:1.2rem;text-align:center}.search-results:empty:after{content:"No results.";text-align:center}@media (max-width: 500px){.search-area{background-color:var(--white);display:none;gap:1.5rem;height:100vh;height:100dvh;justify-content:flex-start;left:0;padding:3rem 2rem;position:fixed;top:0;width:100vw;z-index:3}.search-area>span,.search-area #search{display:block;margin:0 auto;width:280px}.search-area:before{content:"Look Around";font-size:1.8rem;font-weight:500;line-height:1.2;text-align:center}.search-area li a{padding:.5rem}.search-area li[data-type=tag] a>div:first-of-type:after,.search-area li[data-type=category] a>div:first-of-type:after{padding:2rem}.search-area.active{display:flex}.search-results{box-shadow:none;gap:0;min-width:unset;position:static;transform:none}}