.autocomplete {
    display: flex;
    flex-direction: column;
    font-size: .9375rem;
    line-height: 1.1764705882;
    max-height: 100%
}

@media screen and (min-width: 768px) {
    .autocomplete {
        font-size:1.0625rem
    }
}

.autocomplete__dropdown {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 2.5rem -.625rem 2.5rem 0;
    padding-right: .625rem
}

.autocomplete__dropdown-content+.autocomplete__dropdown-content {
    margin-top: 2.5rem
}

.autocomplete__dropdown-title {
    font-size: 1.125rem
}

@media screen and (min-width: 768px) {
    .autocomplete__dropdown-title {
        font-size:1.375rem
    }
}

.autocomplete__dropdown-count {
    background: #e2e2e2;
    display: block;
    font-size: .6875rem;
    line-height: 1.1818181818;
    padding: .375rem .25rem
}

.autocomplete__input {
    background: #e2e2e2;
    border: 0;
    font-size: 1.125rem;
    height: 3.125rem;
    line-height: 1.3;
    padding: .3125rem .9375rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .autocomplete__input {
        font-size:1.25rem;
        height: 5rem;
        padding: 1.25rem 1.875rem
    }
}

.autocomplete__input:focus {
    outline: none
}

.autocomplete__submit {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    min-height: 100%;
    padding: .3125rem;
    width: 3.125rem
}

@media screen and (min-width: 768px) {
    .autocomplete__submit {
        width:5rem
    }
}

.autocomplete__submit-icon {
    height: 1rem;
    width: 1rem
}

@media screen and (min-width: 768px) {
    .autocomplete__submit-icon {
        height:1.25rem;
        width: 1.25rem
    }
}

.autocomplete__dropdown {
    margin-top: 1.6875rem
}

.autocomplete__dropdown-list {
    margin-top: .625rem
}

@media screen and (min-width: 768px) {
    .autocomplete__dropdown-list {
        margin-top:.875rem
    }
}

.autocomplete__item:last-child {
    border-bottom: .0625rem solid #e2e2e2
}

.autocomplete__item {
    border-top: .0625rem solid #e2e2e2
}

.autocomplete__item-link {
    display: block;
    padding: .625rem .5rem
}

@media screen and (min-width: 768px) {
    .autocomplete__item-link {
        padding:.8125rem .625rem
    }
}

.autocomplete__item-price-prefix {
    font-size: .8125rem
}

.autocomplete-enter-from,.autocomplete-leave-to {
    opacity: 0;
    transform: translateY(-.625rem)
}

.autocomplete-enter-active,.autocomplete-leave-active {
    transition: opacity .5s ease,transform .5s ease
}