dj-filter-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:22px;display:block}dj-filter-panel[sticky]{align-self:flex-start;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}dj-filter-panel .dj-filter-panel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:14px;font-weight:800}dj-filter-panel .dj-filter-panel__group{border-bottom:1px solid var(--line);gap:10px;padding:14px 0;display:grid}dj-filter-panel .dj-filter-panel__group:last-child{border-bottom:0;padding-bottom:0}dj-filter-panel .dj-filter-panel__group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:700}dj-filter-panel .dj-filter-panel__footer{gap:8px;margin-top:18px;display:flex}@media (width<=960px){dj-filter-panel[sticky]{max-height:none;position:static}}dj-filter-panel.collection-drawer{z-index:50;visibility:hidden;pointer-events:none;width:min(320px,100vw - 32px);max-height:none;transition:transform .22s ease-out,visibility 0s linear .22s;position:fixed;top:16px;bottom:16px;right:16px;overflow-y:auto;transform:translate(150%)}dj-filter-panel.collection-drawer.open{visibility:visible;pointer-events:auto;transition:transform .22s ease-out,visibility linear;transform:translate(0)}dj-filter-panel.collection-drawer .collection-drawer__close{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:28px;height:28px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:14px;right:14px}dj-filter-panel.collection-drawer .collection-drawer__close:hover{background:var(--bg-soft,#f5f5f5);color:var(--text,#111)}@media (width<=640px){dj-filter-panel.collection-drawer{width:calc(100vw - 16px);top:8px;bottom:8px;right:8px}}