pi-brand-directory{display:block}
.pi-brand-directory [hidden]{display:none!important}
.pi-brand-filter{max-width:520px;padding:4px 0 20px}
.pi-brand-filter label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--pi-ink)}
.pi-brand-filter input[type=search]{display:block;width:100%;min-height:48px;background:#fff;border:1px solid var(--pi-line);border-radius:4px;padding:11px 14px;color:var(--pi-ink);font:inherit;font-size:16px}
.pi-brand-filter input:focus-visible,.pi-all-brands summary:focus-visible,.pi-all-brands ul:focus-visible,.pi-all-brands a:focus-visible{outline:2px solid var(--pi-purple);outline-offset:3px}
.pi-brand-filter__count{min-height:18px;margin:8px 0 0;font-size:12px;color:var(--pi-muted)}
.pi-brand-filter__empty{padding:8px 0 24px;font-size:14px;color:var(--pi-muted)}
.pi-all-brands ul{scrollbar-gutter:stable;padding-right:10px;overscroll-behavior:contain}
.pi-all-brands li a{display:flex;align-items:center;min-height:44px;padding:7px 5px;overflow-wrap:anywhere}
.pi-all-brands li a:focus-visible{outline-offset:-2px}
@media(max-width:599px){.pi-all-brands ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.pi-all-brands li a{font-size:12px}.pi-brand-filter{max-width:none}}