.search-wrapper{justify-content:flex-start;align-items:center;width:100%;max-width:600px;height:min(65px,10vh);display:flex;position:relative}.search-wrapper .search-icon{object-fit:contain;background-color:#fff;border:1.5px solid #ececec;border-radius:25px 0 0 25px;width:auto;height:100%;padding:1.5rem}.search-wrapper input[type=text]{width:100%;height:100%;font-size:var(--base-font-size);color:#868686;background-color:#fbfbfb;border:1.5px solid #e8e8e8;border-left:none;border-radius:0 25px 25px 0;outline:none;padding:.75rem 1.25rem;transition:all .1s ease-in-out}.search-wrapper input[type=text]:active,.search-wrapper input[type=text]:focus{border:1.5px solid var(--primary-color);color:#141414;border-left:none;outline:none}.search-wrapper .search-results{scrollbar-width:none;gap:calc(var(--base-font-size) * .618);z-index:10;background-color:#fff;border:1px solid #e8e8e8;border-radius:20px;flex-direction:column;width:100%;min-height:100px;max-height:20vh;padding:clamp(.75rem,1vw,1.25rem);display:flex;position:absolute;top:120%;left:0;overflow:hidden scroll;box-shadow:0 0 5px #5c5c5c1a}.search-wrapper .search-results .search-result{border-radius:13px;width:100%;height:max(5vh,80px);list-style:none;transition:all 25ms ease-in-out}.search-wrapper .search-results .search-result a{color:#141414;justify-content:center;align-items:center;gap:calc(var(--base-font-size) * .618);grid-template-rows:100%;grid-template-columns:50px 1fr;width:100%;height:100%;padding:.75rem 1.25rem;text-decoration:none;display:grid}.search-wrapper .search-results .search-result a .search-result-preview-image{object-fit:contain;width:100%;max-width:100%;height:100%}.search-wrapper .search-results .search-result a .search-result-name{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.search-wrapper .search-results .search-result:hover{background-color:#f5f5f5}.search-wrapper .search-results .search-result:active{scale:.98}@media (width<=768px){.search-results{max-height:300px}}