.filter-popup{z-index:50;width:min(calc(100% - var(--spacing) * 8), calc(var(--spacing) * 144));max-height:calc(100dvh - var(--spacing) * 8);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.filter-popup-header{align-items:flex-start;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 6);border-bottom:1px solid var(--border);display:flex}.filter-popup-header>div{flex:1;min-width:0}.filter-popup-header .field-note{margin-top:calc(var(--spacing) * 2);line-height:1.6}.filter-popup-icon{padding:calc(var(--spacing) * 3);border-radius:var(--radius-md);background:var(--muted);color:var(--muted-foreground);place-items:center;display:grid}.filter-popup-icon svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.filter-popup-body{overscroll-behavior:contain;padding:calc(var(--spacing) * 6);overflow-y:auto}.filter-popup-body .settings-form{margin:0}.filter-popup-footer{justify-content:flex-end;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 5) calc(var(--spacing) * 6);border-top:1px solid var(--border);background:var(--muted);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-wrap:wrap;display:flex}.filter-popup button{min-height:calc(var(--spacing) * 11)}@media (max-width:639px){.filter-popup-header,.filter-popup-body,.filter-popup-footer{padding:calc(var(--spacing) * 4)}.filter-popup-icon{display:none}.filter-popup-footer button{flex:1}}