.search{color:#0e0f12;background:#fff;border-radius:9999px;align-items:center;width:100%;max-width:560px;padding:0 1rem;display:flex;position:relative;box-shadow:0 8px 24px -8px #0f101424,0 2px 6px #0f10140f}.search:focus-within{box-shadow:0 24px 48px -16px #0f101438,0 4px 12px #0f101414}.search__icon{color:#6b7280;pointer-events:none;align-items:center;display:inline-flex}.search__input{color:#0e0f12;background:0 0;border:0;outline:0;flex:1;padding:.75rem;font-family:inherit;font-size:.9375rem}.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{z-index:50;background:#fff;border-radius:.75rem;max-height:320px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 48px -16px #0f101438,0 4px 12px #0f101414}.search__suggestion{cursor:pointer;text-transform:capitalize;color:#0e0f12;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.9375rem;display:flex}.search__suggestion.is-active{color:#2477b8;background:#d6efff}.search__hint{color:#6b7280;text-transform:none;letter-spacing:.02em;font-size:.75rem}