.flext-live-search {
    height: 100%;
    width: 100%
}

.flext-live-search-form {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0 1.5rem
}

.flext-live-search-form .live-search-field, .flext-live-search-form .live-search-field-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    width: 129rem;
}

.flext-live-search-form .live-search-field {
    flex-wrap: nowrap
}

.live-search-field input {
    border: none;
    flex-grow: 1;
    width: 100%
}

.live-search-field .flext-icon-button {
    display: none;
    font-size: 90%;
    height: 2rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1rem;
    width: 2rem
}

.flext-live-search.is-active:not(.searching) .live-search-field .clear-search-button, .searching .live-search-field .flext-loader {
    display: block
}

.flext-live-search-form .close-search-button {
    height: 100%;
    margin: 1rem 0 1rem .5rem;
    padding: 0 1.5rem
}

.live-search-results-wrapper {
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: opacity .3s, visibility .3s;
    visibility: hidden
}

.flext-live-search.is-active .live-search-results-wrapper {
    opacity: 1;
    visibility: visible
}

.live-search-results {
    overflow-y: scroll
}

.flext-live-search .search-results-list .item-meta {
    display: block;
    font-size: 1.3rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flext-live-search .live-search-results, .flext-live-search .search-more {
    position: relative
}

.flext-live-search .search-more {
    height: 6.5rem
}

.flext-live-search .search-more a, .flext-live-search .search-status {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 2rem;
    width: 100%
}

.flext-live-search .search-more a {
    border-top: 1px solid rgba(0, 0, 0, .08);
    color: inherit;
    outline: none
}