.filter {

    padding-bottom: 4rem;

    padding-top: 2.5rem
}

@media (min-width: 1024px) {

    .filter {

        grid-column: span 12 / span 12
    }
}

	.filter__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end
}

	.filter__title {

    display: none
}

	.filter__select::part(combobox),
	.filter .select__combobox {

    border-radius: 0px;

    border-width: 0px;

    border-bottom-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-site-text-two) / var(--tw-border-opacity));

    background-color: transparent;

    padding-left: 0px;

    padding-right: 0px;

    --tw-shadow: 0 0 rgba(0,0,0,0);

    --tw-shadow-colored: 0 0 rgba(0,0,0,0);

    -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);

            box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);

    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);

    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);

            box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow)
}

	.filter__select::part(display-input),
	.filter__select .select__display-input {

    text-transform: uppercase;

    --tw-text-opacity: 1;

    color: rgb(var(--color-site-text-two) / var(--tw-text-opacity))
}

	.filter__select::part(expand-icon),
	.filter__select .select__expand-icon {

    --tw-text-opacity: 1;

    color: rgb(var(--color-site-text-two) / var(--tw-text-opacity))
}


/*# sourceMappingURL=filters.093de79ab89509a041c5.css.map*/