.algolia-autocomplete {
    padding-top: 12px;
}

.algolia-autocomplete::after {
    background-color: #e2c9e1;
    height: 8.49px;
    left: 23px;
    top: 4.5px;
    width: 16.97px;
    z-index: 2;
}

.algolia-autocomplete::after,
.algolia-autocomplete::before {
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
    content: '';
    display: block;
    position: absolute;
}

.algolia-autocomplete::before {
    background-color: #f3eaf3;
    height: 7.49px;
    left: 25px;
    top: 6px;
    width: 12.97px;
    z-index: 3;
}

.algolia-autocomplete .aa-dropdown-menu {
    background-color: #f3eaf3;
    border: 1px solid #e2c9e1;
    border-radius: 20px;
    box-shadow: 12px 12px 0 0 rgba(183, 152, 184, 0.4);
    height: 500px;
    overflow-y: auto;
    padding: 12px 0 24px;
}

.algolia-autocomplete .aa-dropdown-menu .autocomplete-header {
    border-bottom: none;
    margin: 8px 0;
}

.algolia-autocomplete .aa-dropdown-menu .autocomplete-header .autocomplete-header-title {
    border-bottom: 1px solid #e2c9e1;
    color: #892885;
    float: none;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.8571428571;
    margin: 0;
    padding: 0 16px 4px;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
    padding: 8px 0;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
    background: rgba(226, 201, 225, 0.4);
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .suggestion-post-content {
    color: #372d31;
    font-size: 0.875rem;
    letter-spacing: 0.015rem;
    line-height: 1.4285714286;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .suggestion-post-content em {
    background: rgba(226, 201, 225, 0.8);
    border-radius: 2px;
    box-shadow: none;
    color: #892885;
    display: inline-block;
    padding: 0 8px;
}

.algolia-autocomplete .aa-dropdown-menu .suggestion-link {
    padding: 0 16px;
}

.algolia-autocomplete .aa-dropdown-menu .suggestion-post-title {
    color: #372d31;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5714285714;
}

.algolia-autocomplete .aa-dropdown-menu .suggestion-post-title em {
    background: rgba(226, 201, 225, 0.8);
    border-radius: 2px;
    box-shadow: none;
    color: #892885;
    display: inline-block;
    padding: 0 8px;
}
@media (min-width: 992px) {

    .algolia-autocomplete {
        overflow-y: visible;
        padding-top: 24px;
    }

    .algolia-autocomplete::after {
        top: 16px;
    }

    .algolia-autocomplete::before {
        top: 17.5px;
    }

    .algolia-autocomplete .aa-dropdown-menu {
        box-shadow: 20px 20px 0 0 rgba(183, 152, 184, 0.4);
        height: auto;
        overflow-y: visible;
    }
}