.wpg-brand-show{--wapu-anatomy-content-width:1100px;container-type:inline-size}
.wpg-brand-show>.block-inside{gap:36px}
.wpg-brand-show__heading{display:grid;gap:10px;text-align:center}
.wpg-brand-show__heading>*{margin:0}
.wpg-brand-show__track{--brand-columns:4;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 0;min-width:0}
.wpg-brand-show__track::-webkit-scrollbar{display:none}
.wpg-brand-show__card{flex:0 0 calc((100% - 48px)/4);display:flex;flex-direction:column;gap:12px;scroll-snap-align:start;text-decoration:none;color:inherit;min-width:0}
.wpg-brand-show__logo{display:flex;align-items:center;justify-content:center;background:#fff;color:#222;aspect-ratio:2/1;padding:16px;box-sizing:border-box;text-align:center;font-size:20px;font-weight:600;overflow:hidden}
.wpg-brand-show .wpg-brand-show__logo img{display:block;width:100%;height:100%;object-fit:contain}
.wpg-brand-show__photo{display:block;aspect-ratio:7/10;overflow:hidden;background:color-mix(in srgb,currentColor 10%,var(--wapu-anatomy-surface,Canvas))}
.wpg-brand-show .wpg-brand-show__photo img{display:block;width:100%;height:100%;object-fit:cover}
.wpg-brand-show__missing{display:grid;place-items:center;height:100%;padding:16px;box-sizing:border-box;text-align:center;font-size:14px}
.wpg-brand-show__card:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.wpg-brand-show__dots{display:flex;gap:0;justify-content:center;margin-top:4px}
.wpg-brand-show__dots:empty{display:none}
.wpg-brand-show .wpg-brand-show__dots button{display:grid;place-items:center;min-width:30px;width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}
.wpg-brand-show__dots button span{display:block;width:9px;height:9px;border-radius:10px;background:color-mix(in srgb,currentColor 25%,transparent)}
.wpg-brand-show__dots button[aria-pressed="true"] span{width:24px;background:var(--wapu-button-bg,var(--wapu-anatomy-primary,Highlight))}
.wpg-brand-show__empty{width:100%;min-height:240px;border:2px dashed currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:8px}
@container(max-width:700px){.wpg-brand-show__track{--brand-columns:2;gap:12px}.wpg-brand-show__card{flex-basis:calc((100% - 12px)/2)}.wpg-brand-show__logo{padding:10px;font-size:16px}}