.filter-select{width:100%;min-width:0;position:relative}.filter-select-trigger{border:1px solid var(--input-line);background:var(--card);width:100%;min-height:48px;color:var(--text);font:inherit;font-size:var(--font-body);text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:10px 16px;font-weight:650;display:flex}.filter-select-trigger>span{overflow-wrap:anywhere;min-width:0}.filter-select-trigger>svg{color:var(--violet-text);flex:none;transition:transform .16s}.filter-select.is-open{z-index:25}.filter-select.is-open .filter-select-trigger{border-color:var(--violet-text);background:var(--violet-bg)}.filter-select.is-open .filter-select-trigger>svg{transform:rotate(180deg)}.filter-select-list{z-index:1;overscroll-behavior:contain;border:1px solid var(--line);background:var(--card);border-radius:21px;max-height:min(320px,45dvh);padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #44345d24,0 2px 5px #44345d0a}.filter-select.opens-above .filter-select-list{top:auto;bottom:calc(100% + 8px)}.filter-select-option{min-height:50px;color:var(--text);font-size:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-weight:600;line-height:1.4;display:flex}.filter-select-option[aria-selected=true]{background:var(--violet-bg);color:var(--violet-text);font-weight:700}.filter-select-option[data-active=true]{border-color:var(--input-line);background:var(--bg)}.filter-select-option[data-active=true][aria-selected=true]{background:var(--violet-bg)}.filter-select-check{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.filter-select-option[aria-selected=true] .filter-select-check{background:var(--violet-text);color:#fff}.tasks-filters>.filter-select{flex:1;max-width:280px}.member-task-filter>.filter-select{width:min(220px,65%)}@media (prefers-reduced-motion:reduce){.filter-select-trigger>svg{transition:none}}.reduce-motion .filter-select-trigger>svg{transition:none}@media (forced-colors:active){.filter-select-trigger,.filter-select-list,.filter-select-option[data-active=true]{border-color:buttontext}.filter-select-option[aria-selected=true]{outline-offset:-3px;outline:2px solid highlight}}
