.locationAutoComplete_wrapper button.hidden, .locationAutoComplete_wrapper .geoLocateBusyIndicator, .locationAutoComplete_wrapper .hint {
    display: none;
}

.locationAutoComplete_wrapper ul {
    max-height: 8.5rem;
    overflow-y: auto;
    position: absolute;
    margin: 0;
    z-index: 1000;;
}

.locationAutoComplete_wrapper ul li{
    padding: 0.5rem;
    cursor: pointer;
}

.locationAutoComplete_wrapper ul li:hover {
    padding: 0.5rem;
    cursor: pointer;
}

.locationAutoComplete_wrapper .errorHint {
    color: red;
    padding: 0.5rem;
}

.locationAutoComplete_wrapper .geoLocateBusyIndicator:not(.hidden){
    margin: 0.1rem;
    width: 16px;
    height: 16px;
    border: 2px solid var(--text);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.locationAutoComplete_wrapper input[type="search"][data-drop-down]::-webkit-search-cancel-button {
    display: inline;
    appearance: auto;
    -webkit-appearance: auto;
    cursor: pointer;
}

.locationAutoComplete_wrapper button.use-my-location-btn:before {
    transform: translateY(14%);
    color: white;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" /></svg>');
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}