.fuse {
position: relative;
width: 100%;
max-width: 420px;
}
#searchInput {
width: 100%;
min-height: 40px;
padding: 0 12px;
border: 1px solid var(--neutral-200);
border-radius: 4px;
font-size: calc(16 / 16 * 1rem);
line-height: 24px;
font-weight: normal;
color: var(--neutral-700);
}
#searchInput:focus-within {
outline: 2px solid var(--neutral-300);
outline-offset: 2px;
}
#searchInput::placeholder {
position: relative;
left: -2px;
}
#searchResults {
position: absolute;
margin-top: 8px;
box-shadow: var(--box-shadow-next);
width: 100%;
border-radius: 4px;
background-color: var(--neutral-100);
flex-direction: column;
overflow: hidden;
max-height: 320px;
overflow-y: auto;
z-index: 9;
animation: show 125ms forwards;
}
#searchResults > a,
#searchResults > span {
padding: 8px;
background-color: #fff;
font-size: calc(14 / 16 * 1rem);
display: flex;
gap: 8px;
align-items: baseline;
}
#searchResults > a:hover {
background-color: var(--neutral-50);
}
#searchResults > a:focus-visible {
outline-offset: -1px;
} 
#searchResults > a + a {
border-top: 1px solid var(--neutral-100);
}
#searchResults > a > span:first-child {
height: 100%;
align-self: center;
}
#searchResults > a > span:last-child {
display: block;
font-size: calc(12 / 16 * 1rem);
color: var(--neutral-500);
border: 1px solid var(--neutral-300);
padding: 0px 6px;
border-radius: 24px;
margin-left: auto;
margin-bottom: 4px;
max-width: 120px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex-shrink: 0;
position: relative;
top: 2px;
}
#clearButton {
position: absolute;
top: 2px;
right: 2px;
padding: 8px;
background-color: #fff;
border-radius: 4px;
}
#clearButton:hover {
background-color: var(--neutral-50);
}