.search-form { overflow: visible; }
.search-suggestions {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    max-height: min(60vh, 480px);
    overflow: auto;
    overscroll-behavior: contain;
    z-index: 1100;
    color: #30253d;
    background: #fff;
    border: 1px solid #e5e0e8;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgb(0 0 0 / 16%);
    text-align: left;
}
.search-suggestions[hidden], .search-suggestions-status[hidden] { display: none !important; }
.search-suggestions ul { list-style: none; margin: 0; padding: 6px; }
.search-suggestions ul:empty { display: none; }
.search-suggestions li { margin: 0; padding: 0; }
.search-suggestions a {
    display: block;
    padding: 11px 14px;
    border-radius: 9px;
    color: inherit;
    text-decoration: none;
    line-height: 1.4;
}
.search-suggestions strong { display: block; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.search-suggestions span { display: block; margin-top: 3px; font-size: 12px; color: #756d7c; overflow-wrap: anywhere; }
.search-suggestions a:hover, .search-suggestions [aria-selected="true"] a { background: #f4eff8; color: #30253d; }
.search-suggestions-status { margin: 0; padding: 18px; font-size: 14px; text-align: center; }
.-dark_theme .search-suggestions { color: #f8f4fc; background: #302538; border-color: #51445a; }
.-dark_theme .search-suggestions span { color: #c3b9cc; }
.-dark_theme .search-suggestions a:hover, .-dark_theme .search-suggestions [aria-selected="true"] a { background: #44354e; color: #fff; }
@media (max-width: 767px) {
    .search-suggestions { top: calc(100% + 8px); max-height: 55vh; border-radius: 10px; }
    .search-suggestions a { padding: 12px; }
}