.hp-suggestion-list{position:relative}.hp-suggestion-list.hp-active ul{display:block}.hp-suggestion-list.hp-active input[type=text]{border-radius:3px 3px 0 0}.hp-suggestion-list ul{padding:0;margin:0;position:absolute;left:0;right:0;top:calc(100% - 1px);border:1px solid #eee;box-shadow:0 3px 12px #00000026;background:#fff;display:grid;display:none;z-index:1}.hp-suggestion-list ul li>*{position:relative;z-index:1}.hp-suggestion-list ul button{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:0;z-index:0}.hp-suggestion-list ul button:focus{background:var(--color-slate-200)}.hp-suggestion-list .fa-search{position:absolute;left:.75rem;top:.75rem;z-index:2}.hp-suggestion-list input[type=text]{padding:.5rem 2rem .5rem 2.25rem;border:0;width:100%;background:#fff;position:relative;z-index:1;border:1px solid var(--color-grey-200);color:var(--color-grey-800)}.hp-suggestion-list input[type=text]:focus{border:1px solid var(--color-grey-600)}.hp-suggestion-list input[type=text]::-moz-placeholder{color:var(--color-grey-400)}.hp-suggestion-list input[type=text]::placeholder{color:var(--color-grey-400)}.hp-suggestion-list li{position:relative;list-style:none;display:flex;gap:.5rem;align-items:center;padding:.5rem;line-height:1;cursor:pointer;font-size:.925rem}.hp-suggestion-list li:hover{background:var(--color-slate-100)}.hp-suggestion-list img{width:2rem;height:2rem;flex:0 0 2rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}