.search{position:relative;display:flex;align-items:center;width:100%;max-width:560px;background:#fff;border-radius:9999px;box-shadow:0 8px 24px -8px rgba(15,16,20,.14),0 2px 6px rgba(15,16,20,.06);padding:0 1rem;color:#0e0f12}.search:focus-within{box-shadow:0 24px 48px -16px rgba(15,16,20,.22),0 4px 12px rgba(15,16,20,.08)}.search__icon{display:inline-flex;align-items:center;color:#6b7280;pointer-events:none}.search__input{flex:1 1;border:0;outline:0;background:transparent;padding:.75rem;font-size:.9375rem;font-family:inherit;color:#0e0f12}.search__input::placeholder{color:#6b7280}.search__input::-webkit-search-cancel-button{display:none}.search--sm{padding:0 .75rem}.search--sm .search__input{padding:.5rem;font-size:.8125rem}.search--lg{padding:0 1.5rem}.search--lg .search__input{padding:1rem .75rem;font-size:1.0625rem}.search__suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:.75rem;box-shadow:0 24px 48px -16px rgba(15,16,20,.22),0 4px 12px rgba(15,16,20,.08);list-style:none;margin:0;padding:.25rem;max-height:320px;overflow-y:auto;z-index:50}.search__suggestion{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;font-size:.9375rem;text-transform:capitalize;color:#0e0f12}.search__suggestion.is-active{background:#d6efff;color:#2477b8}.search__hint{font-size:.75rem;color:#6b7280;text-transform:none;letter-spacing:.02em}