body main :is(.information-filters, .news-filters, .transparency-filters, .city-filters, .document-filter-bar, .content-filter, .publication-filters, .users-filters, .audit-filters, .citizen-filter, .document-picker-filters) {
    align-items: end;
}

body:has([data-admin-sidebar]) main {
    --filter-control-height: 40px;
}

body main :is(.information-filters, .news-filters, .transparency-filters, .city-filters, .document-filter-bar, .content-filter, .publication-filters, .users-filters, .audit-filters, .citizen-filter, .document-picker-filters) label:not(:has(input[type="checkbox"], input[type="radio"])) {
    display: grid;
    gap: 6px;
    min-width: 0;
    margin: 0;
    line-height: 20px;
}

body main :is(.information-filters, .news-filters, .transparency-filters, .city-filters, .document-filter-bar, .content-filter, .publication-filters, .users-filters, .audit-filters, .citizen-filter, .document-picker-filters) :is(input:not([type="checkbox"], [type="radio"], [type="hidden"]), select) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: var(--filter-control-height, 44px);
    min-height: var(--filter-control-height, 44px);
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #bac5cd;
    border-radius: 4px;
    font: inherit;
    line-height: 1.25;
    background-color: #fff;
}

body main :is(.information-filters, .news-filters, .transparency-filters, .city-filters, .document-filter-bar, .content-filter, .publication-filters, .users-filters, .audit-filters, .citizen-filter, .document-picker-filters) select {
    -webkit-appearance: menulist-button;
    appearance: auto;
    padding-right: 28px;
}

body main :is(.information-filters, .news-filters, .transparency-filters, .document-filter-bar, .content-filter, .publication-filters, .users-filters, .audit-filters, .citizen-filter) :is(button, a.button, a.publication-link, a.users-text-link),
body main .information-filters > a,
body main .citizen-filter > a {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--filter-control-height, 44px);
    height: var(--filter-control-height, 44px);
    margin-block: 0;
    padding-block: 8px;
    line-height: 1.25;
    flex-shrink: 0;
}

body main .users-filters .users-search-input input {
    padding-left: 38px;
}

body main .users-filter-actions {
    min-height: var(--filter-control-height, 44px);
}

@media (max-width: 650px) {
    body main .information-filters label {
        flex-basis: 100%;
        min-width: 0;
    }
}