@layer components{.pfilter{flex-wrap:wrap;gap:8px;display:flex}.pfilter input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.pfilter label{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-base) ease, border-color var(--duration-base) ease, background-color var(--duration-base) ease;align-items:center;gap:9px;padding:9px 17px;display:inline-flex}.pfilter label:hover{color:var(--color-accent);border-color:var(--color-accent)}.pfilter label>b{font-weight:inherit;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.pfilter input:checked+label{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-text-inverse)}.pfilter input:checked+label>b{color:var(--color-accent-on-dark)}.pfilter input:focus-visible+label{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pfilter label{transition:none}}}@layer utilities{:is(.pwrap:has(#pk-tower:checked) .pgrid>:not([data-kind=tower]),.pwrap:has(#pk-hotel:checked) .pgrid>:not([data-kind=hotel]),.pwrap:has(#pk-commercial:checked) .pgrid>:not([data-kind=commercial]),.pwrap:has(#pk-residential:checked) .pgrid>:not([data-kind=residential]),.pwrap:has(#pk-mosque:checked) .pgrid>:not([data-kind=mosque])){display:none}}
