.search-form {
    position: relative;
    width: 100%;
}
.search-form .aws-search-btn-icon {
    cursor: pointer;
}
.search-form .close-icon,
.search-form .spinner-icon {
    display: none;
}
.search-form.search-loading .search-icon,
.search-form.search-loading .close-icon {
    display: none;
}
.search-form.search-loading .spinner-icon {
    display: inline-block;
}
.search-toggle.opened .search-icon {
    display: none;
}
.search-toggle.opened .close-icon {
    display: inline-block;
}
.search-toggle.opened.search-loading .close-icon {
    display: none;
}
.search-toggle.opened .spinner-icon {
    display: none;
}
.search-form .ui-autocomplete {
    position: absolute;
    background: #eeeeee;
}
.search-form .ui-autocomplete li {
    border-bottom: 1px solid #ededed;
    overflow: hidden;
    cursor: pointer;
}
.search-form .ui-autocomplete li {
}
.search-form .ui-autocomplete li.ui-state-focus {
    background: #f8f8f8;
}
.search-form .ui-autocomplete li img {
    float: left;
    height: 50px;
    margin: 5px 10px;
}
.search-form .ui-autocomplete li .ui-menu-item-wrapper {
    padding: 10px;
    display: flex;
    align-items: center;
}
.search-form .ui-autocomplete li .ui-state-active {
    font-weight: 600;
    color: #ffffff;
    background: var(--blue);
    border: none;
}
.search-form .ui-autocomplete li .pso-content {
    width: calc(100% - 70px);
}
.search-form .ui-autocomplete li.no-image .pso-content {
    text-align: center;
    width: 100%;
}
.search-form .ui-autocomplete li span {
    line-height: 1.75em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.search-form .ui-autocomplete li span.psoc-name small {
    color: #888888;
}
.search-form .ui-autocomplete li span.psoc-desc {
    font-size: 0.9em;
    color: #888888;
}
.search-form .ui-autocomplete li .ui-state-active span.psoc-name small,
.search-form .ui-autocomplete li .ui-state-active span.psoc-desc {
    color: #ffffff;
}
.search-form .search__form-btn.loading {
}