.pgt-logo-marquee { --pgt-logo-width: 160px; --pgt-logo-height: 80px; --pgt-logo-gap: 48px; min-width: 0; }
.pgt-logo-marquee__viewport { overflow: hidden; padding-block: 8px; }
.pgt-logo-marquee[data-fade="yes"] .pgt-logo-marquee__viewport { mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); }
.pgt-logo-marquee__track { display: flex; width: max-content; direction: ltr; }
.pgt-logo-marquee__group { display: flex; align-items: center; flex: none; gap: var(--pgt-logo-gap); padding-inline-end: var(--pgt-logo-gap); }
.pgt-logo-marquee__item { flex: 0 0 var(--pgt-logo-width); width: var(--pgt-logo-width); text-align: center; }
.pgt-logo-marquee__item a { display: block; color: inherit; text-decoration: none; }
.pgt-logo-marquee__item img { display: block; width: 100%; height: var(--pgt-logo-height); object-fit: contain; }
.pgt-logo-marquee[data-grayscale="yes"] img { filter: grayscale(1); transition: filter .2s ease; }
.pgt-logo-marquee[data-grayscale="yes"] .pgt-logo-marquee__item:is(:hover, :focus-within) img { filter: grayscale(0); }
.pgt-logo-marquee__title { display: block; margin-top: 12px; font-size: 14px; }
.pgt-logo-marquee__item a:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) {
 .pgt-logo-marquee__viewport { overflow-x: auto; mask-image: none !important; }
 .pgt-logo-marquee__group { padding-inline: 8px; }
 .pgt-logo-marquee [data-pgt-clone] { display: none; }
}