.filter-bar{background:#f9f9f9;border:1px solid #0000000d;border-radius:.5rem;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}@media (min-width:768px){.filter-bar{flex-direction:row;align-items:center;gap:2rem}}.filter-bar__group{align-items:center;gap:.75rem;display:flex}.filter-bar__label{text-transform:uppercase;letter-spacing:.1em;color:#00000080;white-space:nowrap;font-family:Noto Sans,sans-serif;font-size:.75rem;font-weight:600}.filter-bar__select{color:#000;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .5rem center no-repeat;border:1px solid #e5e5e5;border-radius:.25rem;padding:.5rem 2rem .5rem .75rem;font-family:Noto Sans,sans-serif;font-size:.8125rem;font-weight:500;transition:border-color .2s}.filter-bar__select:hover{border-color:#0000004d}.filter-bar__select:focus-visible{border-color:#0006;outline:none;box-shadow:0 0 0 3px #0000000f}.filter-bar__buttons{gap:.5rem;display:flex}.filter-bar__btn{color:#000;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e5e5;border-radius:.25rem;padding:.5rem 1rem;font-family:Noto Sans,sans-serif;font-size:.8125rem;font-weight:500;transition:all .2s}.filter-bar__btn:hover{border-color:#0000004d}.filter-bar__btn:focus-visible{border-color:#0006;outline:none;box-shadow:0 0 0 3px #0000000f}.filter-bar__btn--active{color:#fff;background:#000;border-color:#000}.filter-bar__btn--reset{color:#00000080;text-underline-offset:.2em;background:0 0;border:none;padding:.5rem 0;text-decoration:underline}.filter-bar__btn--reset:hover{color:#000}@media (min-width:768px){.filter-bar__group--reset{margin-left:auto}}