.filter-bar{margin-bottom:2rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--color-primary-200) / var(--tw-border-opacity, 1));padding:1rem}.filter-bar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(var(--color-primary-700) / var(--tw-border-opacity, 1))}.filter-heading{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(var(--color-primary-700) / var(--tw-text-opacity, 1))}.filter-heading:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--color-primary-200) / var(--tw-text-opacity, 1))}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-option{display:inline-flex;align-items:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-100) / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--color-primary-700) / var(--tw-text-opacity, 1))}.filter-option:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-800) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-primary-200) / var(--tw-text-opacity, 1))}.filter-option{min-height:44px;max-width:100%;overflow-wrap:anywhere;transition:color var(--dur-fast),background-color var(--dur-fast)}.filter-option:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-200) / var(--tw-bg-opacity, 1))}.filter-option:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1))}.filter-option[aria-pressed=true],.filter-option[aria-current]{--tw-bg-opacity: 1;background-color:rgb(var(--color-highlight-100) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-highlight-800) / var(--tw-text-opacity, 1))}.filter-option[aria-pressed=true]:is(.dark *),.filter-option[aria-current]:is(.dark *){background-color:rgb(var(--color-highlight-900) / .4);--tw-text-opacity: 1;color:rgb(var(--color-highlight-200) / var(--tw-text-opacity, 1))}.filter-option[aria-pressed=true],.filter-option[aria-current]{box-shadow:inset 0 0 0 1px rgb(var(--color-highlight-500))}[data-project-categories][hidden]{display:none}details.filter-bar{padding-block:0}details.filter-bar>summary{min-height:56px;margin:0;cursor:pointer;list-style:none}details.filter-bar>summary::-webkit-details-marker{display:none}details.filter-bar[open]>.filter-options{padding-bottom:1rem}.filter-selection{--tw-text-opacity: 1;color:rgb(var(--color-primary-500) / var(--tw-text-opacity, 1))}.filter-selection:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--color-primary-400) / var(--tw-text-opacity, 1))}.filter-selection{margin-left:auto;font-weight:400}.filter-chevron{flex-shrink:0;transition:transform var(--dur-fast)}details[open] .filter-chevron{transform:rotate(180deg)}@media (max-width: 1279px){details.filter-bar>summary{min-height:48px}details.filter-bar .filter-options{gap:.375rem;max-height:40vh;overflow-y:auto}details.filter-bar .filter-option{min-height:34px;padding:.25rem .625rem;font-size:.8125rem}details.filter-bar[open]>.filter-options{padding-bottom:.75rem}}.listing-shell{position:relative}@media (min-width: 1280px){.listing-filters{position:absolute;inset-block:0;left:100%;width:min(13rem,calc((100vw - 52rem)/2 - 1.5rem))}.listing-filters .filter-bar{position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow-y:auto;margin:0;padding:0 0 0 1rem;border-width:0 0 0 1px;border-radius:0}.listing-filters .filter-options{flex-direction:column;gap:.125rem}.listing-filters .filter-option{background:transparent;justify-content:flex-start}.listing-filters .filter-heading{min-height:2.75rem;margin-bottom:.25rem;pointer-events:none;cursor:default}.listing-filters .filter-chevron{display:none}.listing-filters details.filter-bar::details-content{content-visibility:visible;display:block}}