#fuse-search-results {
position: absolute;
background: white;
border: 2px solid #ffdc38;
border-radius: 0 0 8px 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
max-height: 400px;
overflow-y: auto;
z-index: 10000;
margin-top: 2px;
display: none;
} .fuse-results-list {
list-style: none;
margin: 0;
padding: 0;
} .fuse-result-item {
border-bottom: 1px solid #f0f0f0;
transition: background-color 0.2s ease;
}
.fuse-result-item:last-child {
border-bottom: none;
}
.fuse-result-item a {
display: block;
padding: 12px 16px;
color: #333;
text-decoration: none;
transition: all 0.2s ease;
}
.fuse-result-item a:hover,
.fuse-result-item.selected a {
background-color: #ffdc38;
color: #000;
font-weight: 500;
} .fuse-result-item a strong {
font-weight: 700;
color: #000;
}
.fuse-result-item mark {
background-color: #ffdc38;
color: #000;
font-weight: bold;
padding: 0 2px;
border-radius: 2px;
} .fuse-divider {
padding: 12px 16px 8px 16px;
background-color: #f8f9fa;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
list-style: none;
}
.fuse-divider span {
font-size: 0.85em;
color: #666;
font-style: italic;
font-weight: 500;
} .fuse-fuzzy-match a {
color: #666;
font-style: italic;
}
.fuse-fuzzy-match a:hover,
.fuse-fuzzy-match.selected a {
color: #000;
font-style: normal;
} .fuse-no-results {
padding: 20px;
text-align: center;
color: #999;
font-style: italic;
} #searchbox {
position: relative;
} .banner-container {
position: relative;
} @media (max-width: 767px) {
#fuse-search-results {
max-height: 300px;
}
.fuse-result-item a {
padding: 10px 12px;
font-size: 14px;
}
} #fuse-search-results::-webkit-scrollbar {
width: 8px;
}
#fuse-search-results::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 0 0 8px 0;
}
#fuse-search-results::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
#fuse-search-results::-webkit-scrollbar-thumb:hover {
background: #555;
}