.filter-dropdown{display:inline-flex;position:relative}.filter-trigger{cursor:pointer;font:inherit;max-width:240px;font-size:13px}.filter-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.filter-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-trigger-icon{flex:none;transition:transform .15s}.filter-trigger[aria-expanded=true] .filter-trigger-icon{transform:rotate(180deg)}.filter-menu{top:calc(100% + 6px);z-index:60;background:var(--surface);border:1px solid var(--border);text-align:start;border-radius:14px;min-width:220px;max-width:min(320px,100vw - 40px);max-height:min(320px,60vh);margin:0;padding:6px;list-style:none;position:absolute;inset-inline-start:0;overflow-y:auto;box-shadow:0 8px 40px #0000001f}.filter-option{min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.filter-option.is-active{background:var(--mint)}.filter-option.is-selected{font-weight:600}.filter-option .filter-check{color:var(--green);margin-inline-start:auto}.filter-swatch{border-radius:999px;flex:none;width:10px;height:10px}.filter-empty{color:var(--muted);cursor:default}.filter-chip{cursor:pointer;font:inherit;font-size:13px}@media (prefers-reduced-motion:reduce){.filter-trigger-icon{transition:none}}@media (max-width:640px){.filter-menu{min-width:min(260px,100vw - 40px)}}