.filter__trigger-close,.filter__actions button[type=submit],.filter__wrapper:not(:has(input:checked)) .filter__actions button[type=reset]{display:none}.filter__trigger,.filter__wrapper{display:flex;align-items:center;gap:8px}@media screen and (min-width: 48rem){.filter__trigger,.filter__wrapper{gap:16px}}.filter__trigger[aria-hidden=true],.filter__wrapper[aria-hidden=true]{display:none}@media screen and (min-width: 48rem){.filter__content{display:flex;gap:8px}}.filter__trigger-count{display:flex;width:18px;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1;background-color:var(--primary);color:var(--white);font-size:.75rem;line-height:1}.filter__trigger-count:empty{display:none}@media screen and (max-width: 47.9375rem){.filter--open{--spacing: 32px;position:fixed;z-index:var(--z-mobile-filter-open);display:grid;height:100dvh;background-color:#fff;grid-template-rows:auto 1fr auto;inset:0}.filter--open .filter__trigger,.filter--open .filter__trigger:hover{all:unset;display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:space-between;padding:var(--spacing);margin-bottom:8px;font:var(--font-h2)}.filter--open .filter__trigger .filter__trigger-filter,.filter--open .filter__trigger:hover .filter__trigger-filter{display:none}.filter--open .filter__trigger .filter__trigger-close,.filter--open .filter__trigger:hover .filter__trigger-close{display:inline-block;fill:var(--black)}.filter--open .filter__trigger-count{display:none}.filter--open .filter__wrapper[aria-hidden=false]{display:contents}.filter--open .filter__wrapper[aria-hidden=false] .filter__content{padding:0 var(--spacing);overflow-y:scroll}.filter--open .filter__wrapper[aria-hidden=false] .dropdown{width:100%;margin-bottom:16px}.filter--open .filter__wrapper[aria-hidden=false] .dropdown__button{all:unset;font:var(--font-h4)}.filter--open .filter__wrapper[aria-hidden=false] .dropdown__button svg-icon{display:none}.filter--open .filter__wrapper[aria-hidden=false] .dropdown__content{all:unset;position:static}.filter--open .filter__wrapper[aria-hidden=false] .input-list{padding-inline:0}.filter--open .filter__actions{display:flex;justify-content:space-between;padding:24px 20px;border-top:1px solid var(--thon-light-15)}.filter--open .filter__actions button{display:inline-block}.filter--open .filter__actions button[type=submit]{margin-left:auto}.filter--open .filter__result-count:before{content:"("}.filter--open .filter__result-count:after{content:")"}}@keyframes filter-list-enter{0%{opacity:0}25%{opacity:0}to{opacity:1}}ul[is=filter-result-list]{animation:filter-list-enter .3s ease-in-out}ul[is=filter-result-list]>li[hidden]{display:none}.dropdown{display:inline-block}.dropdown--block{display:block;width:100%}@media screen and (min-width: 64rem){.dropdown--right{position:relative}.dropdown--right .dropdown__content{right:0}}.dropdown__button{all:unset;display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:space-between;padding:11px 16px;border:2px solid var(--thon-light-30);border-radius:32px;color:var(--primary);cursor:pointer;gap:10px;transition:.15s border;white-space:nowrap}.dropdown__button:hover{border-color:var(--thon-light)}.dropdown__button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dropdown__button svg-icon{width:14px;height:14px}.dropdown__button[aria-expanded=true] svg-icon{transform:rotate(180deg)}.dropdown__content{position:absolute;z-index:var(--z-dropdown-content);right:20px;left:20px;max-height:360px;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--thon-light) 30%,transparent);border-radius:8px;margin-top:8px;animation:show-dropdown .3s forwards;background-color:#fff;overflow-y:auto}@media screen and (min-width: 64rem){.dropdown__content{right:auto;left:auto;width:320px}}.dropdown__content[aria-hidden=true]{display:none}.dropdown__icon{width:24px;aspect-ratio:1}.input-list{display:flex;flex-direction:column;padding:24px;margin:0;gap:24px;text-align:left}.input-list__item{display:block}.input-list__item-label{display:grid;align-items:center;grid-template-columns:auto 1fr;line-height:1.5rem;white-space:nowrap}.input-list__item-label input{width:32px;height:24px;margin:0}.input-list__item-label:has(input:disabled),.input-list__item-label:has(input[data-empty]:not(:checked)){opacity:.5}a.input-list__item-label{color:var(--primary)}a.input-list__item-label:hover{text-decoration:none}