@use "../../abstracts/vars" as *;
@use "../../abstracts/mixins" as *;
@use "../../base/reset/inputs";
@use "../../base/autocomplete/autocomplete";

.location-filter {
    position: relative;
    padding: 5px 10px 15px 10px;
    margin: 0 0 20px 0;
    @include inputs.inputs-styles();
    @include autocomplete.autocomplete-styles();
    .component-content {
        display: flex;
        >div, >button, >label, >input, >span {
            order: 1;
        }
        >label, >button {
            flex-grow: 1;
        }
        >label {
            align-self: center;
            text-align: center;
        }
        >input, >span {
            flex-grow: 10;
            width: auto;
            margin: 0 5px;
        }
    }
}