.filter-container{background-color:#f5f5f5;border:1px solid #000;border-radius:5px;flex-direction:column;padding:1.25rem;display:flex;overflow:hidden}@media screen and (min-width:540px){.filter-container{padding:1.5rem}}.filter-container__header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.filter-container__title{text-transform:uppercase;font-weight:700}.filter-container__icon{font-size:2rem;font-weight:700}.filter-container__filters{flex-direction:column;gap:2rem;max-height:0;transition:all .2s ease-in-out;display:flex;overflow:hidden}.filter-container__filters--active{max-height:100rem}
.filter-categories{flex-direction:column;align-items:center;display:flex}.filter-categories__title{text-transform:uppercase;margin-top:1rem;padding:.75rem;font-weight:700}.filter-categories__list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}
.filter-tag{cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:5px;width:-moz-fit-content;width:fit-content;padding:.75rem 1.5rem;overflow:hidden}.filter-tag--active{color:#fff;background-color:#000}
.filter-flags{flex-direction:column;align-items:center;display:flex}.filter-flags__title{text-transform:uppercase;margin-top:1rem;padding:.75rem;font-weight:700}.filter-flags__list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}