@layer components{.filter-grid-root{container-type:inline-size}.filter-grid{grid-template-columns:repeat(var(--filter-grid-cols,1), minmax(0, 1fr));gap:var(--filter-grid-gap,16px);border-radius:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.filter-grid:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.filter-grid>li{min-width:0}.filter-grid>[data-flip-key]{z-index:1;position:relative}.filter-grid-root[data-layout=masonry] .filter-grid{grid-auto-rows:4px;align-items:start;row-gap:0}@container (min-width:640px){.filter-grid{grid-template-columns:repeat(var(--filter-grid-cols-sm,2), minmax(0, 1fr))}}@container (min-width:768px){.filter-grid{grid-template-columns:repeat(var(--filter-grid-cols-md,2), minmax(0, 1fr))}}@container (min-width:1024px){.filter-grid{grid-template-columns:repeat(var(--filter-grid-cols-lg,3), minmax(0, 1fr))}}.filter-grid-status{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:13px;font-weight:600}.filter-grid-empty{text-align:center;border:1px dashed var(--border);color:var(--muted-foreground);border-radius:12px;margin:0;padding:32px 16px;font-size:14px}.filter-grid-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}